Category Archives: JavaScripts

[JavaScript] 檢查輸入值是否為數字 part 2 正規表示式

Posted by TJ on 2008 年 11 月 25 日 None comments

[JavaScript] 檢查輸入值是否為數字 part 2 正規表示式

/* Function 1 : using Regular Expression*/ function isNumber(val){ var reg = /^[0-9]*$/; return reg.test(val); }

參考資料：http://lupinchen.blogspot.com/2008/04/javascript.html

[Javascript] 實現網頁列印自動分頁自動列印

Posted by TJ on 2008 年 08 月 21 日 1 comments

JavaScript 實現網頁列印自動分頁自動列印

Continue reading “[Javascript] 實現網頁列印自動分頁自動列印” »

[JavasSript] 隱藏式DIV選單

Posted by TJ on 2008 年 06 月 04 日 None comments

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文件</title> <style> /*產品介紹/廠商連結*/ .BR{ display:block; width:920px; margin:0 auto; text-align:right; margin-bottom:20px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #666666; padding-right:30px; float:right; } .BR ul{ float:right; } .BR li{ display:block; padding:0 10px; float:left; } .BR li a{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 22px; color: #CCCCCC; font-weight:bolder; text-decoration:none; } .BR li a:hover{ text-decoration:underline; } /*—-左品牌選單—–*/ #ADLeft{ margin:10px 0 0 10px; float:left; display:block; width:200px; border:1px solid #B02300; } .ADMain ul{ } .ADMain li{ margin:5px; text-align:center; background-color:#860000; height:26px; } .ADMain li a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#C5C5C5; font-weight:bolder; line-height:26px; text-decoration:none; } .ADMain li a:hover{ color:#DDD; } /*—-左品牌次選單—–*/ .ADSub ul{ margin:0 auto; } .ADSub li{ margin:2px auto; text-align:center; display:block; background-color:#666; border-bottom: 1px solid #999; width:95%; height:22px; } .ADSub li a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#E9E9E9; line-height:22px; text-decoration:none; } .ADSub li a:hover{ color:#fff; text-decoration:none; } /*–產品照片名稱列表–*/ #ProList{ width:700px; float:right; margin:10px; } #ProList ul{ float:left; border-bottom:#666 1px solid; margin:6px 8px; width:200px; } #ProList li{ /*float:left; */ } #ProList li.PRO{ display:block; /*border: 1px solid #666;*/ width:200px; height:200px; } #ProList li.NAME{ text-align:center; display:block; /*margin-bottom:10px;*/ } #ProList li.PRO a{ } #ProList li.NAME a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#C5C5C5; line-height:26px; text-decoration:none; } #ProList li.PRO a:hover{ } #ProList li.NAME a:hover{ color:#e5e5e5 } /*—————–audio-des頁面 —————–*/ /*–內容寬度–*/ .ProDes{ display:block; width:800px; padding:10px; margin:0 auto; margin-top:20px; } /*右方描述*/ #DesRight{ width:360px; float:right; padding-right:20px; } h3{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; line-height:25px; } .AT{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#EBEBEB; line-height:22px; } /*–左方大小圖–*/ #DesLeft{ width:300px; margin-right:10px; float:left; padding-top:3px; padding-bottom:8px; } /*大圖*/ .DesProPic{ float:left; width:300px; height:300px; padding-top:2px; } .Back{ float:right; padding-right:10px; } </style> <script> /** * 利用 javascrip 控制選單顯示 * 有兩種模式： * 1.控制單一顯示 example: <div onClick="showDisplay('show1');"> * 2.控制單一顯示，其他則收起來 example: <div onClick="showDisplay('show1',3);"> * 其中 show 值必需要 1 –>3 ， show1 -> show2 -> show3 * @author wenchi * @version 20080604 * @link <a href="http://blog.phptw.idv.tw/read-165.html" target="_blank">http://blog.phptw.idv.tw/read-165.html</a> * @see <a href="http://blog.phptw.idv.tw/read-165.html" target="_blank">http://blog.phptw.idv.tw/read-165.html</a> * @parm string idName 控制的 ID,exmaple <div id="show1"> * @parm int displayCount 要控的 ID 數量, 預設值為 0 * @parm string 要控制的ID 索引值例如 show1 為show, 預設為 show * @return void */ function showDisplay(idName){ var displayCount=0; var showID="show"; if(typeof arguments[1] == "number") var displayCount=arguments[1]; if(typeof arguments[2] == "string") var showID=arguments[2]; if (displayCount>0){ for (var i=1;i<=displayCount;i++) document.getElementById(showID+i).style.display="none"; } var result=document.getElementById(idName).style.display; if (result=="none") document.getElementById(idName).style.display="block"; else document.getElementById(idName).style.display="none"; return ; } </script> </head> <body> <div style="width:300px"> <ul class="ADMain" id="ADMain"> <li onClick="showDisplay('show1');"><a href="#">Westlake Audio</a></li> <ul class="ADSub"><!–次選單–> <li><a href="#">系列一</a></li> <li><a href="#">系列二</a></li> </ul> <li onClick="showDisplay('show2',4);"><a href="#">cello</a></li> <ul class="ADSub"><!–次選單–> <li><a href="#">系列一</a></li> <li><a href="#">系列二</a></li> </ul> <li onClick="showDisplay('show3');"><a href="#">Jadis</a></li> <ul class="ADSub"><!–次選單–> <li><a href="#">系列一</a></li> <li><a href="#">系列二</a></li> </ul> <li onClick="showDisplay('show4',4);"><a href="#">Wadia</a></li> <ul class="ADSub"><!–次選單–> <li><a href="#">系列一</a></li> <li><a href="#">系列二</a></li> </ul> </ul> </div> </body> </html>

下載範例：下載檔案 20080604.rar (1.96 KB , 下載:466次)

[JavasSript] 將 url 的參數打包成 php 的 $_GET array

Posted by TJ on 2008 年 05 月 30 日 None comments

下面一段javascript 程式碼是利用 javascript 模擬 php 的程式

目的是在模擬 php 的全域變數 $_GET 方便從 php 轉換到 javascript

強烈建議將程式碼放在載入所有的javascript 之前

Continue reading “[JavasSript] 將 url 的參數打包成 php 的 $_GET array” »

[JavaScript] 身份證字號驗證

Posted by TJ on 2008 年 03 月 01 日 None comments

身份證字號驗證

Continue reading “[JavaScript] 身份證字號驗證” »

[JavaScript] 檢查輸入值是否為數字

Posted by TJ on 2008 年 02 月 29 日 None comments

檢查輸入值是否為數字

[JavaScript] window.close關閉窗口，不彈出系統提示，直接關閉

Posted by TJ on 2008 年 02 月 25 日 1 comments

如果大家也有在使用window.close的話,應該也會注意到,會跳出一個是否要關閉視窗訊息
有時視窗會出現訊問視窗有時不會,但之前一直沒去在意為什麼.
所以今天在網路上找了一下資料,
大致上,
如果該視窗是經由其他視窗開啟(使用window.open所開啟)的話,在window.close時,是不會出現詢問視窗,
反之則會,
但是問題來了…客戶就是不希望出現詢問視窗的話,怎麼辦呢…??
還好找到了解決的方法…試試下面的語法吧!!

Continue reading “[JavaScript] window.close關閉窗口，不彈出系統提示，直接關閉” »

[JavasSript] 將本站設為首頁

Posted by TJ on 2008 年 01 月 17 日 None comments

利用JavaScripts 將你的網頁讓訪客可以設成首頁
語法如下：

<A HREF="#" ONCLICK="this.style.behavior='url(#default#homepage)';this.setHomePage('http://blog.phptw.idv.tw');">【將本站設為首頁】</A>

【將本站設為首頁】

prototype.js開發筆記

Posted by TJ on 2008 年 01 月 10 日 None comments

[JavasSript] 視窗跳出

Posted by TJ on 2008 年 01 月 10 日 None comments

參數解釋：
<SCRIPT LANGUAGE="javascript"> js腳本開始；
window.open 彈出新窗口的命令；
page.html 彈出窗口的文件名；
newwindow 彈出窗口的名字（不是文件名），非必須，可用空''代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes為允許；
</SCRIPT> js腳本結束

墮落程式

養隻滑鼠看世界

Category Archives: JavaScripts

[JavaScript] 檢查輸入值是否為數字 part 2 正規表示式

[Javascript] 實現網頁列印自動分頁自動列印

[JavasSript] 隱藏式DIV選單

[JavasSript] 將 url 的參數打包成 php 的 $_GET array

[JavaScript] 身份證字號驗證

[JavaScript] 檢查輸入值是否為數字

[JavaScript] window.close關閉窗口，不彈出系統提示，直接關閉

[JavasSript] 將本站設為首頁

prototype.js開發筆記

[JavasSript] 視窗跳出

最新文章

文章分類

標籤

Archives