2009/10/30

利用 jacascript 來繪圖

最近因為工作上的需要,急需要一套可以利用 javascript 來畫曲線圖的工具,於是再度透過 google 大神的介紹,先是找到了 flot ,這是
基於 jQury 來繪劃出的,剛好這一陣子就在學 jQuery, 所以便選了它。但是試用一下後,發現它有一個致命傷,就是碰到 ie6 時,那個繪圖
網頁便會跳出一些警告,怕使用者會使用不便,於是我再去找到另外一套 Js Charts!

經過一再的嘗試,我決定就使用它來運作。

以下是我作出來的結果:


底下便是我的程式:



不過,這套 JsCharts 還是有幾點的缺點
1. 當 X 軸是日期時,就完全要自定坐標了, 但是自定坐標值時,若該座標沒有點時,就不會出現文字。這有點麻煩。

2. 一條數線上必須要有兩點以上才可以,沒有點或只有一點時,它是完全停擺,還送出個警誥訊息來,不太方便。

3. Title 不接受中文,不過當滑鼠移到點上面時,出現的說明可以有中文!

4. 當滑鼠移到點上面所出現的說明, 在 ie6 時,越告右邊的點,越會亂折行!

基於以上幾點, 我想我應該還會再找一個更適用的工具了 !!!

JsCharts 的網站 : http://www.jscharts.com/

2009/10/5

如何防止當按下 enter 鍵後, 表單就送出 submit 了

應工作需要, 必須限制使用者隨便在輸入的欄位中按下 enter 鍵,就把資料送到後方去了, 造成一些不必要的影響。便又開始從 google 大神那邊來搜找解法。google 大神這次還是沒有讓我失望,輕易的找到了解決作法!

當然了, 還是用 javascript 的作法來解決了 !





至於程式中,則更簡單了, 如下

2009/9/30

解決 ie6 無法如預期顯示透明的 png 圖

ie6 真的是很討厭, 對於 png 圖的支援有限,當網頁中此用了透明的 png 圖時,不但不會透明,還會以灰色的底來呈現,讓網頁變得超級難看 !

於是請出 google 大神去找一下,果然有解法,

以下為解決步驟 :

1. 到 DD_belatedPNG 去下載 js 檔, 網上有兩個, 下載任一個都可以!

2. 上傳到自己的網站上去

3. 在網頁中加入,


問題便解決了....

2009/9/29

灌籃高手最終章...

不小心再度看到這漫畫的最終章
這是當年第一次讓我看漫話和到喉結酸痛的
太熱血了....

灌籃高手 nba 2009

哇 ! 有人能作出這樣的影片, 真是太厲害了點 !!!