jQuery 筆記 – 同步兩個 option buttons 的值
情境 : 在一連串 table 的網頁介面. 如果把 option button 部分設計在最下方. 那當table資料很多的時候就要一直捲動捲到最下方. 小不方便. 所以還要在多設計一個 option button 在網頁的最上方. 但是在同一個 form 如果裡面變數名稱命名不一樣的名稱到 option button 上. 那代表要在 …
jQuery 筆記 – 找出每個特定字串開頭的div進行處理
情境 : 我想列出一連串 servers 開關機狀態. 還有電流大小. 當然我可以直接顯示在網頁上. 但是顯示那樣的網頁可能會花 15~20秒才有辦法把每一台 servers 的狀態讀回來. 在等待的過程.網頁是白色的畫面. 這樣看起來好像網頁當掉了. 所以想說先把html table layout 顯示出來. 在透過 jquery 顯示後面比較花時間的資料. 所以必須要針對不同的 servers …
html5 video tag 簡單示範
再說明 html5 video tag 之前要先了解一下哪些瀏覽器有支援html5 tag及播放格式. 紅色代表不支援. 綠色代表支援. 圖表來源 : “When can I use…” 目前而言 safari 5 和 ie 不支援 Ogg/Theora/Vorbis 格式. …
My fone – 台灣大哥大節費程式測試
程式名稱為My fone 載入畫面 操作畫面. 請台灣大哥大的朋友幫忙到 http://liho.tw/fone/測試. 我認為應該有很多錯誤. 因為我不熟台灣大哥大的規則. 如果您知道有計算上的錯誤請您告訴我.謝謝. 有點小累, 先這樣.晚點再補齊.
如何在 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 …
javascript 螢幕解析度偵測 – Screen Resolution Detection
用 screen.width 還有 screen.height 可以知道使用者螢幕的解析度. 在 javascript 內可以判別不同解析度導入不同頁面. 1 2 3 4 5 if ((screen.width >= 1024) && (screen.height >= 768)) { …