2011年9月8日 星期四

心得 css span 固定寬度

 css 在 'span' tag 中設定 寬度 不能只設定 width 屬性而已, 簡單的作法 還要加入 "display: inline-block;"


如:
<span style="width:300px; display: inline-block;"> </span>



  我試過  Chrome v10, FF 6 , ie8  都可以




  為何要用呢,因為在手機上 有 翻轉的功能,  我希望 變成寬螢幕時能夠 把 三行 的訊息 變成一行


參考: TIPS-XHTML下如何強制指定SPAN寬度,黑暗執行緒


2011年9月6日 星期二

心得 Flot 畫圖 時區問題

若要使用 Flot 畫圖有想要設定時區的話, 還是老老實實的 從server 吧 時間的變數轉好(我是過要轉成long 格式),要在 client 端 設定時區目前還是不支援。


參考: http://efreedom.com/Question/1-5663821/Time-Zone-Problem-Flot-JQuery-Plugin

心得 json eval 在手機上網無法顯示狀況

  嘗試一下利用AJAX 呼叫 json 的方式在網頁上讀取, 配合的 library 還包含 jquery.mobile 和 flot , 不過使用AJAX Post 回傳摭取直的時候 利用 eval 的方式 可以在一般電腦網頁上的FF 和 Chrome 是可以執行取得json, 不過 在我的 Android 2.1 下是不行的... ,估計應該是手機版的瀏覽器對於 eval 的支援比較差。

我也用過 JSON.parse 不過直接跳到 complete.

所以我還試紙好用伺服器來取得直接寫入, 不過這樣 AJAX 的 loding  動畫我就不知道在哪放了,只好放棄用loading動畫了。

2011年9月1日 星期四

心得 JQuery 繪圖 Plugin , jqPlot 和 Flot

介紹一下兩個繪圖的plugin, jqPlot  和  Flot  , 我主要是用在手持裝置上顯示圖片的,因為flash 在手持裝置上執行有些地方含是有問題,像我的 android 2.1 手機就不行。

個人心得
jqPlot  :

  •     支援JSON 格式的文件
  •     Sample 比 Flot多
  •    官網文件比較多,而且有整理過
  •   官網:   http://www.jqplot.com/

   Flot :
  
  •     同樣也支援JSON 格式的文件
  •    可以支援 JQuery Mobile, jPlot 目前版本沒辦法顯示圖形(或很難我不會用) ,
  •  目前我搭配最好的各版本 jquery 1.5.x,  jquery.mobile-1.0a4.1.min.js, flot 0.7, 
    • 主要是 flot 0.7 是以 jquery 1.5.x 為基礎的,看他所附得lib 就可以看到
    • jquery.mobile 目前最新的是 jquery.mobile-1.0b2 但是用起來搭配  jquery 1.6.x 比較好
  • 官網: http://code.google.com/p/flot/

心得 jquery mobile 撰寫 手持裝置網頁的好幫手

不得不推薦一下 jquery mobile 這個 plugin, 利用簡單的預設套件就可以做出配合觸碰及有質感的網頁 ,
附帶一題 他是使用HTML5 的功能,


詳細參考可參閱 官方網頁: JQuery Mobile Framework.