發表文章

目前顯示的是 九月, 2010的文章

[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

google Chart API - QRcode 線上直接產生二維條碼

圖片
google的圖形API有提供一個線上產生QRcode的功能
https://developers.google.com/chart/infographics/?hl=zh-TW

API路徑
http://chart.apis.google.com/chart?參數

主要參數
圖檔尺寸:chs=寬x高
宣告二維條碼:cht=qr
內容:chl=文字內容或網址"建議使用前先urlencode"

非必要參數
choe=編碼方式



有些時候可能會需要把圖檔也存到伺服器端而不是即時讀取,那麼我們就要搭配一下copy()這個函式,把這個圖檔路徑抓到伺服器儲存。




google 官方說明頁面
http://code.google.com/intl/zh-TW/apis/chart/docs/gallery/qr_codes.html

快速製作日期選單 -jQuery UI datepicker

圖片
我們在製作網頁表單的時候常常會用到填寫日期的地方。 早期我們只能讓使用者填寫完後,再來檢查格式對不對,有了AJAX技術後我們常常會看到下面的畫面:


利用萬年曆方式選擇日期,這樣的好處就是使用者終於不用猜我們網站的日期格式了。 這個技術同時會使用到 jquery  jquery-ui  

1.在head貼上
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">script>這是連結到jquery網站上面的程式路徑,你也可以直接去這個路徑把檔案抓到你的網頁資料夾上。2.貼上javaScript語法其中我們看到第三行 #birthday 表示這個功能要套用到ID為 birthday 的表單,datepicker裡面代的參數可以在官方網站裡面查到主要是用來控制細部功能的。3.建立一個input欄位ID和上面設定相同。這樣就大功告成了!相關網站: http://jqueryui.com/demos/datepicker/