(黑暗執行序) 以jQuery實現可編輯

網頁以<table>方式呈現數據矩陣,希望能做到在某一格(<td>)點兩下可以直接編輯格子文字內容,按Enter或點選其他格子結束編輯狀態,並將該格內容更新為剛才輸入結果。

介面如下圖所示,在<td>V11</td>上點兩下,V11就變成<input value=”V11”>,使用者可將<input>的值改成ZZZ,當按Enter或點其他<td>,該格內容就變成<td>ZZZ</td>。

這個需求要用jQuery實現並不難: 在<td>上掛dblclick事件,將<input type=”text”>放入td中,val()就設成td原本的text();另外設定<input>的keydown及所有<td>的click事件,執行td.text(input.val())取input值寫成td內容就大功告成囉!

Paragon NTFS for Mac

授予完全讀寫訪問!
從Mac寫入、編輯、複製、移動、刪除NTFS驅動上的檔案!
快速、無縫、易於使用。安裝、卸載、驗證、格式化或設置任何Windows NTFS卷作為啟動驅動。

jQuery-Validation-Engine 免JS的驗證方式

jQuery validation engine is a Javascript plugin aimed at the validation of form fields in the browser (IE 6-8, Chrome, Firefox, Safari, Opera 10). The plugin provides visually appealing prompts that grab user attention on the subject matter.

Validations range from email, phone, and URL, to more complex calls such as ajax processing or custom javascript functions. Bundled with many locales, the error prompts can be translated into the language of your choice.

json-editor

JSON Editor takes a JSON Schema and uses it to generate an HTML form.
It has full support for JSON Schema version 3 and 4 and can integrate with several popular CSS frameworks (bootstrap, foundation, and jQueryUI).

Facebook Messenger 行銷

FACEBOOK MESSENGER BOTS 機械人是怎樣的?

現在你到 CNN 的網站,底部會有個按鈕「發送到 Messenger」

點擊後,你的手機會彈出 Facebook Messenger App

可以看到,CNN 預先設定好選項。例如當我點選「熱門新聞」(Top Stories)便會即時顯示輪播式新聞圖片。點擊圖片,會看到該則新聞詳情。這只是 Bots 的其中一個使用例子。

Bootstrap 4 中文說明

世界上最受歡迎的框架用於建立響應式、行動優先的網站,透過 Bootstrap CDN 和範本初學頁面開始吧!