jQuery 筆記 – 同步兩個 option buttons 的值
情境 : 在一連串 table 的網頁介面. 如果把 option button 部分設計在最下方. 那當table資料很多的時候就要一直捲動捲到最下方. 小不方便. 所以還要在多設計一個 option button 在網頁的最上方. 但是在同一個 form 如果裡面變數名稱命名不一樣的名稱到 option button 上. 那代表要在 …
jQuery 筆記 – 找出每個特定字串開頭的div進行處理
情境 : 我想列出一連串 servers 開關機狀態. 還有電流大小. 當然我可以直接顯示在網頁上. 但是顯示那樣的網頁可能會花 15~20秒才有辦法把每一台 servers 的狀態讀回來. 在等待的過程.網頁是白色的畫面. 這樣看起來好像網頁當掉了. 所以想說先把html table layout 顯示出來. 在透過 jquery 顯示後面比較花時間的資料. 所以必須要針對不同的 servers …
如何在 Dashcode 使用 jQuery?
HOWTO use jQuery in Dashcode? 在main.html內需要引入jquery-x.x.x.min.js檔案. 我是把jquery 當按放在 scripts 目錄內.所以main.html程式如下 : 1 <script type="text/javascript" src="scripts/jquery-1.3.2.min.js" charset="utf-8"></script><script type="text/javascript" src="scripts/jquery-1.3.2.min.js" charset="utf-8"></script> 然後假設你在front panel裡面有個somebutton的按鈕. 按了一下之後使用 …
用 jQuery 控制 button 的 enabled/disabled demo
程式目的 : 當使用者了按 checkbox 後, 才讓 delete button 啟用. 當使用者取消 checkbox 後, 將 delete button 停用. html 程式碼如下 : 1 2 3 …
jQuery flickr demo
這個demo是使用 jQuery 呼叫 flickr api 顯示有關 貓 的 tags. jQuery 程式部份如下 : 1 2 3 4 5 6 7 8 9 10 …
jQuery POST 練習 – 簡單範例
這個主要是練習使用 jQuery 做 ajax POST 的動作.然後把結果塞回網頁上面. 先簡單寫個 helloworld 的 php. 限定它只接收 POST method. 1 2 3 4 5 6 7 <? if …
使用 jQuery 粉飾 table
直接看 DEMO. 我是直接使用 Google 的 jQuery. 1 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 然後你要定義 table 的 css : 1 2 3 4 5 …