2007-07-07 05:23

顯示物件的所有屬性

很多時候在寫 JavaScript 時，會因為無法確定變數的狀況，而找不到是那裡出現錯誤，最好的辦法就是顯示變數的所有屬性，以確認目前的狀況。

利用這個函數可以顯示傳入的物件或變數的狀況，會開啟新的頁面顯示所有的資訊。
原始碼
  1. /*Show Object Element ( 顯示物件的元素 ) */ 
  2. function SOE(Obj){ 
  3.    var i, outText = "", eName, eValue; 
  4.  
  5.    for (i in Obj) { 
  6.        /* 加入例外處裡 */ 
  7.        try { 
  8.            /* 設定元素名稱的樣式 */ 
  9.            eName = i.bold().fontcolor('#770077'); 
  10.            /* 設定元素數值的樣式 */ 
  11.            eValue=(Obj[i]+'').replace("function","function".bold()); 
  12.            eValue = eValue.fontcolor('#0000ff'); 
  13.            /* 將資料串接在一起 */ 
  14.            outText += eName + " = " + eValue + "<hr/>"; 
  15.        }catch (e) { 
  16.            /* 處理例外事件的訊息 */ 
  17.            eName = (e + '').replace(/" /g, '"< br/>'); 
  18.            outText += eName.fontcolor('red') + "<hr/>"; 
  19.        } 
  20.    } 
  21.  
  22.    /* 設定顯示的視窗 */ 
  23.    i=window.open("","","width=450,height=550," 
  24.       +"scrollbars=yes,resizable=yes"); 
  25.    /* 將資料加入視窗的文件中，並設定字體定寬及大小 */ 
  26.    i.document.body.innerHTML = outText.fixed().fontsize(2); 
  27.    /* 設定顯示視窗的標題 */ 
  28.    i.document.title = 'Show Object Element'; 
  29.    /* 讓顯示視窗取得焦點 */ 
  30.    i.focus(); 
  31. } 
分類： 0 回應
2007-07-05 14:04

動態新增 select 的選項

原始碼
  1. Obj.options[number]=new Option(text,value); 
  2.  
  3. Obj：select 的物件 
  4. number：選項的編號(第幾個選項)，起始值為 0 
  5. text：選項所顯示的文字 
  6. value：選項的值 
  7.  
  8. EX： 
  9. Obj.length=0; /* 先將選項的數目設定為 0 */ 
  10.  
  11. /* 再依序增加選項，當然也可以用迴圈處理 */ 
  12. Obj.options[Obj.length]=new Option("中正區","100"); 
  13. Obj.options[Obj.length]=new Option("大同區","103"); 
  14. Obj.options[Obj.length]=new Option("中山區","104"); 
  15.  
  16. /* length 會因為選項的增加而改變，所以是一個可以善用的變數 */ 
分類： 0 回應
2007-07-05 13:45

利用 JavaScript 將表格模擬成按鈕

原始碼
  1. <html> 
  2.  <head> 
  3.    <meta http-equiv="Content-Type" content="text/html; charset=big5"/> 
  4.    <title>利用 JavaScript 將表格模擬成按鈕</title> 
  5.    <script language="JavaScript" type="text/javascript"> 
  6.      <!-- 
  7.      var mouseOverColor = "#CCEEEE"; 
  8.      var mouseOutColor = "#FFFFFF"; 
  9.      var mouseDownColor = "#99CCCC"; 
  10.  
  11.      /* 滑鼠游標重疊時的顏色及滑鼠指標 */ 
  12.      function mOver(Obj){ 
  13.          Obj.style.backgroundColor = mouseOverColor; 
  14.          Obj.style.cursor = "hand"; 
  15.      } 
  16.  
  17.      /* 滑鼠游標離開時的顏色 */ 
  18.      function mOut(Obj){ 
  19.          Obj.style.backgroundColor = mouseOutColor; 
  20.      } 
  21.  
  22.      /* 滑鼠游標按下時的顏色 */ 
  23.      function mDown(Obj){ 
  24.          Obj.style.backgroundColor = mouseDownColor; 
  25.      } 
  26.  
  27.      --> 
  28.    </script> 
  29.  </head> 
  30.  <body> 
  31.    <!-- 利用滑鼠事件去製造相對應的功能 
  32.    onmousedown 當滑鼠按下時的事件 
  33.    onmouseover 當滑鼠指標與物件重疊時的事件 
  34.    onmouseout 當滑鼠指標離開物件時的事件 
  35.    --> 
  36.    <table width="200" border="1"> 
  37.      <tr> 
  38.        <td onmousedown="mDown(this)" 
  39.            onmouseover="mOver(this)" 
  40.            onmouseout="mOut(this)"> 
  41.        </td> 
  42.      </tr> 
  43.    </table> 
  44.  </body> 
  45. </html> 
分類： 0 回應
2007-07-03 05:15

ASP網頁設計

由於為了幫朋友寫一個人員管理程式，最近開始重新學習寫ASP了，為什麼要用ASP呢？ASP的系統哪麼不穩，而且又常當機，但是沒辦法的是架設的平台只有ASP而已，連 SQL Server 都沒有，只好透過 ODBC 去處理 Access 資料庫的問題了。

在開始幫朋友撰寫程式之前，我找了一個類似的題目做練習，”無線電修復記錄管理系統”這個系統雖然很小，但對於系統中的細節可是非常注重，而且為了分擔 Server 負擔我用了很多 JavaScript 去運算資料的處理，也再次複習了 JavaScript 的運用。

開發工具是用 Dreamweaver 8 ，這是一個很好用的工具，但就像朋友所說的，這個工具會讓自己感覺像一個不會寫網頁的麻瓜，到現在關於 ASP 的語法和架構我還是不是很了解，這真是糟糕的一件事，也就是說沒有 Dreamweaver 8 我就沒辦法寫ASP了，對於很多其他的功能要自己去寫也不知道該怎麼寫，但為了開發一個簡易的管理程式來說，這已經很夠了。
分類： 0 回應
訂閱： 文章 (Atom)