目前分類:JQuery (11)

瀏覽方式: 標題列表 簡短摘要

清單(select)是網頁常常使用到的元素,在AJAX功能當道之下的網頁,也不外乎是熱門元素之一。想動態去控制select的選項(option)雖然可透過jquery的選擇器進行,但是仍然不夠直覺,像是想「刪除值為XXX的選項」,可能會下「$('#myselect option[value="XXX"]').remove()」之類的作法,不過仍然相當不直覺。很慶幸找到一個讓使用者可以直覺得去控制select,像是$("#myselect").removeOption("XXX");就能輕鬆的移除值為XXX的選項了

低溫烘培 發表在 痞客邦 PIXNET 留言(0) 人氣()

「身為一個專業的資料表格(grid table),隨著鼠標滑過資料列時會變色是很合理的。正如我所說的,身為一個專業的資料表格,當資料列被點擊時會變色,也是很合理的」。一般來講,table資料列(row)的滑過變色,可以透過CSS樣式表設定:hover就可以完成,但是我們還需要一個「點擊變色」的效果,為了讓我們的資料表格表現的很專業,我們就必需來試試這個好用的plugin - colorize

低溫烘培 發表在 痞客邦 PIXNET 留言(0) 人氣()

有時候必需定時做一個動作,像是每n秒透過ajax發送訊息伺服器,取得更新資訊。一般的方式是使用Javascript的原生計時器函式clearInterval、clearTimeout、setInterval、setTimeout,不過原生函式在使用上不太直覺,而且無法快速的指定套用在某個特定的網頁元素,另外他的間隔單位是以毫秒去計算(1秒=1000毫秒),嗯…我想要每5分鐘做一次,那我要設定…60*60*1000=3600000秒…對吧?還是360000秒?這時候快從哆啦B夢口袋拿出了JQuery Timers這個法寶就能解決這麻煩的問題。

低溫烘培 發表在 痞客邦 PIXNET 留言(0) 人氣()

Javascript的alert、confirm、prompt函式,是相當易用也常用的基本函式,alert和confirm倒是沒什麼問題,不過prompt在IE上,就會出現阻擋訊息,每次都要重複允許的動作相當煩人,這時候JQuery Alert Dialogs就是一個相當不錯的選擇了。

低溫烘培 發表在 痞客邦 PIXNET 留言(0) 人氣()

Display(展示):Project Homepage (English) | 插件首頁 (中文)

Download(下載):tablepager v1.0.0

Changelog(更新記錄):

2008-12-09 » tablepager v1.0.0 Released(發佈)

2008-12-02 » tablepager v0.0.1 beta(測試版)

低溫烘培 發表在 痞客邦 PIXNET 留言(0) 人氣()

有時候我們必需要動態產生下拉式選單時,用以前的Javascript去寫實在太麻煩了,不過自從有了jquery,一切都簡單多了。所以我自己寫了一個dynamicSelector.js的程式,來方便完成下拉式選單的動作。這次的寫法,每個選單都是用Ajax的方式取得。而且可以套用在多層下拉式選單,只要定義明確都可以運作。

在HTML部分所以,<select>的title屬性定義了三個變數。

  • url:資料來源,此選單是讀取來源網址回傳的json資料
  • parent:父層名稱,表示此選單會依照此父層的改變而一起變動
  • varname:變數名稱,此選單會抓取父層的值,然後配給此變數名稱後,傳給資料來源網址

初始的<option>就等同於預設選項,所以不必再去設定selected="selected",只要確認初始<option>中的value是符合與讀取出來的資料索引匹配,就會被視為預設選項。@_@說的好模糊耶,還是直接看線上展示好了

《LIVE DEMO》

不過比較遺憾的是把屬性定義在title,不過select已沒有其它屬性可以用了@_@!,雖然可以用自訂的屬性,不過這樣子在HTML驗證器就會出現警告了,呃…我好像有點完美主義?!

低溫烘培 發表在 痞客邦 PIXNET 留言(1) 人氣()

前篇文章中提到將會補充這個方法,趁現在有記憶時,我就快速的發表一下吧。首先在原始檔flexgrid.js搜尋關鍵字addRowProp,你會發現在這個addRowProp:funciton()包含了多個熟悉的事件,像是【.click】、【.mousedown】、【.mouseup】,是的,我們所要增加的事件,正是【.dblclick】,將下列程式碼加至$(this)之後

低溫烘培 發表在 痞客邦 PIXNET 留言(0) 人氣()

這個是jQuery Flexgrid設定檔的註解。這個檔差點就被我刪掉了= =,好險有找到,我看還是PO在網誌比較安心一點,畢竟也是花了一些時間去翻譯的

低溫烘培 發表在 痞客邦 PIXNET 留言(2) 人氣()

昨天從Ajaxian網站看到這篇文章,後來連結到文章所提到的BigTarget官方blog網頁。滿好奇這個jquery的plugin是什麼東西,所以就努力的開始趴官方文,好笑的是官方所列出的Example,我一開始竟然看不出什麼意思?

bigtargetexample.png 你看的出使用前和使用後的差別嗎?= =

低溫烘培 發表在 痞客邦 PIXNET 留言(0) 人氣()

趁著記憶還在的時間,我把排列組合產生器改成Javascript版本了,改版過程多虧了有php.js這個函式庫讓我減少了大部分必需修改的,不過有些Javascript比較特殊的地方,還真花了我不少時間,像是函式的變數初始值,我參考了網路上的資源,有下列三種做法

低溫烘培 發表在 痞客邦 PIXNET 留言(0) 人氣()

新版五十音練習器出來了唷!!=w=,趕快去看!!日語五十音練習器

最近因為要把JQuery弄熟,所以試著用JQuery來開發一個小東西,知道我朋友學日文三個月多了,突然想到來做個日文五十音的練習機好了,果然寫完之後對JQuery有更深的了解,也多摸了幾個相關的JQuery plusin

低溫烘培 發表在 痞客邦 PIXNET 留言(18) 人氣()