發表文章

目前顯示的是 一月, 2012的文章

[JavaScript] 將 CSV 檔案轉換成 JSON 資料

我們在拿到客戶提供的資料的時候常常會拿到 excel 檔案(這算幸福的)
至少我們可以簡單的利用一些軟體轉成 csv丟進資料庫裡處理。如果搭配個後端 API 基本上資料都不會是太大的問題可以做成 JSON 供 JavaScript 使用,但是如果在沒有後端或是資料庫的環境中呢?


首先我們先把 csv 檔案放到 server上 利用 $.get() 取得內容,接著將內容String 丟進我們待會會用到的 csvJSON 外掛 function 中。就會取得 JSON
但是這個時候的 JSON 還是 String 的形態所以還無法被解析,我們再加個 JSON.parse() 就可以拿到整個 JSON 物件摟!


function 來源:
https://gist.github.com/iwek/7154578

自訂你的 jQuery UI

圖片
在編輯網頁的時候,我們常常會用到jQuery來作為實現AJAX效果的輔助工具。而jQuery中最著名且最常用的不外就是jQuery UI了。
jQuery UI在官方網站中有提供各種常用的widgets
Autocomplete(input自動完成)Accordion(收合式選單及內容 這個適合做Q&A)button(裡面很多效果的button樣式) Datepicker(下拉日期選單) 快速製作日期選單 -jQuery UI datepickerDialog(alert的美化樣式?) Progressbar(百分比bar) Slider(利用拉bar的方式選擇數字及範圍) Tabs(這個不解釋了、就是tabs) 這麼多種不同的樣式應該可以滿足"基本"的網站頁面需求啦!不過這些東西如果樣式沒有統一的話那麼頁面應該會一整個怪異吧!這時候就要用到自訂項目下載的方式瞜! 如下圖所示:選擇右手邊的 Build 就可以進入編輯下載樣式和功能的頁面(其實點選Download也是進到這裡啦)
進入後可以在這邊勾選你要的項目,如下圖我右手邊框起來的地方可以選擇樣式的套版

如果你對他預設的套版有意見,想要自己設計或是你根本不知道那些套版長什麼樣子。你可以點選design a custom theme這個連結可以讓你做很多的細部修正和即時預覽,可以讓你玩到爽以後再下載。 參考資料
jQuery UI 官方網站jQuery UI 入門