Category Archives: Javascript

[jQuery] 怎麼在 submit 按下去的時候,出現一個 confirmation dialog?

要在 submit 按鈕被按下時,出現一個確認視窗,可以使用 jQuery UI。 HTML 部分程式:

如果上面的資料會被看到,嘗試做如下設定:

jQuery 部分程式:

參考資料: Using jquery ui dialog to confirm action for form submission jQuery UI Dialog When creating a dialog with jquery, how do I hide the dialog div?

Posted in Javascript, jQuery, 程式設計 | Tagged , | Leave a comment

[jQuery] 怎麼讓 table 的任一列點擊後連到特定網址?

請見下面連結中更詳細的說明! 資料來源: how to make a whole row in a table clickable as a link?

Posted in Javascript, jQuery, 程式設計 | Tagged , , | Leave a comment

[jQuery] 兩個將圖片排成像磁磚一樣的套件

最常用的兩個: wookmark masonry

Posted in Javascript, jQuery, 程式設計 | Tagged , , | Leave a comment

[jQuery] 另一個下載完前,先隱藏元件的作法

舉例說明,譬如說我使用 EasyUI 想要顯示樹狀結構,有時候資料讀進來當中會先出現醜醜的 ul list,之後才顯示出漂亮的樹狀圖。所以我想要先不要顯示資料,等完全讀完之後,再一次性的顯示樹狀圖。 方法一:

方法二:

資料來源(source): jQuery hide() div until fully loaded How do I hide an HTML element before the page loads

Posted in CSS, Javascript, jQuery, 程式設計 | Tagged , , | Leave a comment

[jQuery] 怎麼等內容下載完,再將它顯示出來?

網友建議解法: CSS:

Javascript:

資料來源(source): jquery, hide content until loaded

Posted in CSS, Javascript, 程式設計 | Tagged , , | Leave a comment

wookmark 顯示出來的圖片會重疊!?

wookmark 是用來將圖片像磁磚一樣排列的套件。可以參考官網跟男丁格爾的介紹。 使用 wookmark 時,你有遇到圖片重疊的狀況嗎? 這個應該是因為圖片來不及載入的原因吧! stackoverflow 上面,網友建議的解法是:呼叫 wookmark() 兩次。 我覺得填入 image width 跟 height 應該可以解決問題。試看看之後,再來 update 這個 post!

Posted in Javascript, jQuery, 程式設計 | Tagged , , , | Leave a comment

[Cordova] 怎麼把網站包成 App?

這是最下方參考連結裡面提供的其中一個方法。 簡單好用:

參考資料: Launch a website as a mobile app using PhoneGap/Apache Cordova

Posted in Javascript, 程式設計 | Tagged , , | Leave a comment

[jqm] 怎麼用程式控制 radio button 的on/off?

我使用下面這行:

我一開始是使用參考連結裡面建議的方法,即:

但不知為何,就是沒辦法成功。所以換成最上面的方法。 參考資料: jQuery Mobile – Change radiobutton state programmatically

Posted in Javascript, jQuery, 程式設計 | Tagged , | Leave a comment

[XDK] 怎麼在 Cordova 的專案裝加入 AdMob Plugin?

官方有好幾篇相關的文章,看官方的文章在看 plugin 的 github 網站即可。 參考資料: * Adding Plugins to Your Intel® XDK Cordova* App * Using AdMob* Cordova* Plugins

Posted in Cordova, Javascript, 程式設計 | Tagged , , | Leave a comment

[jQuery] $(document).ready() 跟 $(document).on(‘pagecreate’, )

這兩個怎麼用? 簡單的來說,在 jQuery 中使用

在 jQuery Mobile 中,使用

參考資料: jQuery Mobile Events jQuery Mobile: document ready vs page events

Posted in Javascript, jQuery, 程式設計 | Tagged , | Leave a comment