Archive

Posts Tagged ‘jQuery’

jQuery Drag and Drop Demo

三月 11th, 2009
6 comments

Drag & Drop(拖放) 效果若是應用得當可以讓 UI 操作更直覺簡單，目前最常見的大概就是對項目作排序，或是像購物車將物體從某區塊移到另一區塊。

網路上雖然有很多 Drag & Drop 的範例，但有些過於複雜或是不夠完整，前陣子為了交作業嘗試用 jQuery+jQuery UI 做了一個簡單的 Demo，果然快速、簡潔、流暢，不得不再次向大家推薦 jQuery 啊！

Demo 網址：http://blog.linym.net/demo/jquery/jquery_DragDrop.html

dragdrop

Ajax, 程式筆記, 網頁設計 , , ,

jQuery Plugin

五月 10th, 2007
No comments

jQuery 是個不錯的 JavaScript library，可以省略不少繁瑣的細節，且檔案大小又不大，最近都用它來開發網頁。同時也注意到了一些好用的 Plugin，主要是應用在 Ajax 上，有現成又好用的就不用再自己寫囉！

  1. Validation
    可用來做即時欄位驗證
  2. History
    無法回上一頁算是 Ajax 的一項缺點，用這個 plugin 可以做出回上頁的效果
  3. jEditable
    提供就地編輯(Edit In Place)的功能
  4. ajaxFileUpload
    利用隱藏 iframe 達到不換頁上傳檔案
  5. Ajax File Manager
    加強 tinymce 這個線上編輯器，可瀏覽檔案及上傳檔案
  6. Interface
    提供非常大量的動態效果，必試。
  7. Form
    使用 Ajax 送出表單資料

Ajax, 程式筆記 , , ,