這個簡單的程式可以讓你稍微少打幾個字就能存取 WebStorage，除此之外沒什麼幫助 :p 前言 HTML5 WebStorage API 可以讓開發者以 key-value pairs 格式的 DOMString 資料儲存在用戶端瀏覽器內，和 cookie 很像，最大的差別就在於 WebStorage API 並不會隨著 HTTP request 傳送，對於節省流量能有些許幫助。 除此之外，cookie 可以設定 expires 調整存活時間，而 WebStorage API 就只有 localStorage（永久或手動清除）及 sessionStorage（視窗或分頁關閉）。
今天又來幫 Twitter Bootstrap 的 Modal 做個易用改造。 可傳入 message, header 可綁定兩個 button 事件及 顯示字串 /** * Modal HTML must be setting first, default ID is 'alert'.... * Reference: http://twitter.github.com/bootstrap/javascript.html#modals */ // Modal setting var opt = { 'message': '', // Message context {string} (Must have) 'header': '', // Header title {string} (Must have) 'submit': { // […]
ThinkPHP 3.1 內建的分頁類（Page）在樣板設置上出了個小問題，如果分頁數大於 5 就會出現寫死在程式碼內的「上5頁、下5頁」等簡體字串，所以著手修改以配合多語系的專案。 開啟「ThinkPHP/Extend/Library/ORG/Util/Page.class.php 尋找第 34 行並修改如下 protected $config = array('prevroll'=>'上 %n 页', 'nextroll'=>'下 %n 页', 'header'=>'条记录','prev'=>'上一页','next'=>'下一页','first'=>'第一页','last'=>'最后一页','theme'=>' %totalRow% %header% %nowPage%/%totalPage% 页 %upPage% %downPage% %first% %prePage% %linkPage% %nextPage% %end%'); 尋找第 119, 120 行並修改如下 $prePage = "<a href='".str_replace('__PAGE__',$preRow,$url)."' >".str_replace('%n', $this->rollPage, $this->config['prevroll'])."</a>"; $nextPage = "<a href='".str_replace('__PAGE__',$nextRow,$url)."' >".str_replace('%n', $this->rollPage, $this->config['nextroll'])."</a>"; 存檔收工！
改良了一下，讓傳遞參數較為方便及精簡程式碼。 var param = { message: '', // 訊息 {string} 必要 header: '', // 標題 {string}（選填） style: '', // 樣式名稱 {string} e.g. info, success, error, block（選填） hidden: 0, // 顯示秒數 {int} N 毫秒後隱藏（選填） scroll: false // 顯示後是否移到頂端 }; message.show(param);
※ 已發布 v2 版本！ 將 bootstrap alert 稍微改造一下，使之更易於呼叫使用。 範例: http://jsfiddle.net/essoduke/kXLv5/ 可顯示多個 alert 提供 ms 參數可設置 n 毫秒後自動隱藏 使用 clear 方法可一次隱藏所有 alert
這標題有點難以說明，看範例比較準。 <p <eq name="var" value="1">class="selected">TEST</p> <p <eq name="var" value="1"> class="selected">TEST</p> 若上例 (1) 的 var 並非為 “1” 以及上例 (2) 的 var 為 “1”，則引擎解析後的 HTML 會變成: <p >TEST</p> <!--wordpress 顯示問題，我用全形空格表示--> <pclass ="selected">TEST </pclass> 看了是不是就倒彈？ 所以手動修改 ThinkPHP/Lib/Template/ThinkTemplate.class.php: 尋找第 429 行並將 trim 去掉: $content = trim($content); 改完後上述例子就能更賞心悅目了 <p>TEST</p> <p class="selected">TEST</p> 收工！