Archive

標籤 ‘Javascript’

首頁全畫面廣告 10秒後關閉

2009年8月21日 DoReMiCat 2 則評論

今天弄了個 "全國哀悼日" 的88水災 全畫面顯示的廣告

主要注意的部份有
1.廣告顯示時,週圍網頁變淡
2.廣告10秒後自動關閉,或人工手按
3.相容於IE、FF
4.FLASH部份不透明錯誤

下面程式碼的部份,順便判斷該廣告於某個日期開始

<?
$sday=date("Ymd");
if($sday>"20090821"){
?>
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
<div id="Div_obj" align="center" style="Z-INDEX: 2; LEFT: 30%; VISIBILITY: visible; WIDTH: 300px; CURSOR: hand; POSITION: absolute; TOP: 25%; HEIGHT: 150px ;background-color:#FFFFFF;">
<a href="javascript:F_close()" class="style1">按此關閉</a><br/>
<img src="images/0821.gif" border="0">
</div>
<DIV id="Div_obj2" align="center" style="Z-INDEX: 1; LEFT: 0%; VISIBILITY: visible; WIDTH: 100%; CURSOR: hand; POSITION: absolute; TOP: 0%; HEIGHT: 100% ;background-color:#999999; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;">
/*   filter:alpha(opacity=50);    Internet Explorer       */
/*   -moz-opacity:0.5;            Mozilla 1.6 and below   */
/*   opacity: 0.5;                   newer Mozilla and CSS-3 */

</DIV>
<script>
window.setTimeout("F_close();", 10000);
function F_close(){
document.getElementById("Div_obj").style.display="none";
document.getElementById("Div_obj2").style.display="none";
}
</script>
<? } ?>

另外如果您遇到遮蓋網頁,而FLASH遮蓋不了的情況

將下列參數加到 OBJECT 標籤中:

<param name="wmode" value="transparent">

將下列參數加到 EMBED 標籤中:

wmode="transparent"
Categories: Javascript Tags:

複制文章自動加上原文連結

2009年8月20日 DoReMiCat 尚無評論

這個方法可以讓網友在複制您BLOG文章時,自動加上原文網址連結
雖然盜連者不想貼原文連結還是可以直接刪掉文字..
不過反過來想,真的想貼上原文連結的網友們 也少了一個步驟 (不用自己打)

程式碼以下

<script type="text/javascript">
document.body.oncopy = function () { setTimeout( function () { var text = clipboardData.getData("text"); if (text) { text = text + "\r\nDoReMiCAT "+location.href; clipboardData.setData("text", text); } }, 100 ) }
</script>

如果您是WordPress愛用者,可以將以上程式碼放入 header.php裡
/public_html/wordpress/wp-content/themes/您的佈景主題/header.php

Categories: Javascript Tags:

js顯示隱藏的切换 funtion

2009年8月20日 DoReMiCat 尚無評論

js顯示隱藏的切换 funtion
算蠻常用到的~~貼出來跟各位分享一下

function show(o){
    var myvar = document.getElementById(o);
    if (myvar.style.display=="none")
    {
        myvar.style.display="";//為了兼容FF,勿用block;
    }else {
        myvar.style.display="none";
    }
}

html

<a href="javascript:show('hiddenme')">顯示/隱藏</a>
<div id="hiddenme" style="display:none">點擊“顯示/隱藏”後顯示我</div>
Categories: Javascript Tags:

Javascript 表單通用欄位驗證

2009年6月1日 DoReMiCat 尚無評論

通用欄位檢查(by Bryan不來ㄣ)
版本日期: 2008/04/29
使用方式:在需要檢查的欄位中放入 fieldname="欄位名稱" chk="true" 即可,javascript是通用的,無需修改
閱讀全文…

Categories: Javascript Tags:

如何利用.htaccess讓網站的檔案結構不讓別人看到?

2009年5月22日 DoReMiCat 2 則評論

如何利用.htaccess讓網站的檔案結構不讓別人看到?
在apache架好時預設該網站的檔案結構別人是可以看到的,
如下圖
閱讀全文…

Categories: Javascript Tags:

將Html 轉為 JavaScript

2009年5月20日 DoReMiCat 尚無評論

有時候我們必須將html碼改由JavaScript去write出來~~ 如果程式很長,又要自己去拚出來太麻煩怎麼辨?? 我們可以將下面的code複制起來存成html~ 或按這裡下載

<SCRIPT>

function toScript(val)

{

	var value = val.value

	value  = value.replace(/\\/gi,"\\\\").replace(/"/gi,"\\\"").replace(/'/gi,"\\\'")

	valArr = value.split("\r\n")

	value=""

	for (i=0; i<valArr.length; i++)

	{

		value += (i==0) ? "info =" : ""

		value += "		\"" + valArr[i]

		value += (i!=valArr.length-1) ? "\"	+\"\\n\"+\n" : "\"\n" 

	}

	value+="\ndocument.write(info)"

	val.value = value

}

</SCRIPT><INPUT onclick='toScript(document.all["code"])' type=button value="將 HTML 轉為 JavaScript">

<TEXTAREA id=code rows=20 cols=75>
<table width="300">

<tr><td align="right">A</td></tr>

</table></TEXTAREA>
Categories: Javascript Tags:

在表單中即時 +-*/ 加減乘除

2009年4月26日 DoReMiCat 2 則評論

若我們要即時在表單中+-*/ 加減乘除,可以透過Javascript達成
一般最常應用在購物時計算金額,或是到旅行社網站計算旅費時~~
閱讀全文…

Categories: Javascript Tags:

如何做 Q & A 縮排 ?

2009年4月20日 DoReMiCat 尚無評論

在做 Q & A 時,我們常會利用控制display來達成隱藏跟顯示
尤其在資料列相當多時,這樣做可以簡省網頁的長度~~
閱讀全文…

Categories: Javascript Tags:

JS 防止回上一頁

2009年4月16日 DoReMiCat 尚無評論

很多時候我們會避免user回到上一頁面,例如..活動索取贈品時,
不得回上一頁面重覆索取~~這時候可以用JS location.replace
來防止後續的頁面不得回上一頁~~~~
閱讀全文…

Categories: Javascript Tags:

JS 驗證網頁來源

2009年4月16日 DoReMiCat 尚無評論

假設我們有一個頁面不想讓人盜連,也就是所謂的"非法連結"
我們可以透過document.domain 來判定來源網址…
閱讀全文…

Categories: Javascript Tags: