Web UI 用戶端技術(Front-End) // XHTML, AJAX, JavaScript..
JavaScript 物件屬性存取技巧
JavaScript 物件屬性存取，一般會使用 objectName.propertyName 的寫法，但有些特別的屬性名稱，例如數字開頭、或 dash 開頭、或屬性名包含 dash 等名稱，礙於語法限制，就不用能直接用 objectName.propertyName 的寫法，而要改成 objectName['propertyName'] 的寫法...
避免 TinyMCE 必填檢查要送交兩次才正確的解法
避免 TinyMCE 必填檢查要送交兩次才正確的解法，在檢查前先呼叫 tinyMCE.triggerSave(); 程式碼： tinyMCE.triggerSave(); if ('' === $.trim($('#label').val())) { alert("【選項內容】欄位為必填欄位！"); return false; } 在處理這類問題時，也要留意 IE 的相容性問題 tinyMCE 編輯器欄位，在 IE 執行 focus() 時，會找不到指定控制項的問題。 錯誤訊息如下： 行: 2399 錯誤: 控制項不可見、未啟動或無法接受焦點，因此無法將焦點移到控制項上
TinyMCE 濾掉 MS Word 特殊指令碼
從 MS Word 直選複製內容貼到 TinyMCE 內如果會出現一些 MS Word 特有的標籤，這些東西可能會造成版面的錯誤，這時候只要加"paste"這個 plugin 就可以自動濾掉 MS Word 特有的標籤
TinyMCE 網址轉換設定
TinyMCE 對於同 domain 以 http 開頭的絕對網址，預設會雞婆地作 url 相對路徑的轉換 TinyMCE 提供 3 + 1 組選項設定，可供自由運用組合。
DOCTYPEs
HTML 4.01 Strict, Transitional, Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
限制欄位只允許輸入某些字元
限制欄位只允許輸入某些字元 利用 keypress 事件來監聽 user 輸入的字元。 允許使用後退鍵。 允許key入半型數字、半型逗號、dash 等字元。 程式碼： ?View Code JAVA 1 2 3 4 5 6 7 8 9 10 <script type="text/javascript"> <!-- <![CDATA[ $(function() { $('#issueNumberRange').keypress(function(event) { if (8 == (window.event ? event.keyCode : event.which)) { return ture; } return /[0-9,-]/.test(String.fromCharCode((window.event ? event.keyCode : event.which))); }); }); // ]]> --> </script>
JS bulit-in for-in vs jQuery.each()
JS bulit-in for-in: 程式碼： ?View Code JS if (data.station) { for (var key in data.station) { alert('for-in: ' + data.station[key]['id'] + ': ' + data.station[key]['name']); } } vs jQuery.each(): 程式碼： ?View Code JQUERY if (data.station) { $.each(data.station, function(idx, val) { alert('$.each: ' + val.id + ': ' + val.name); }); }
產業訊息
樂倍達數位科技 版權所有 Copyright © 2004-2011 DoubleService Digital Technology. All Rights Reserved.