jQueryQuiz Gadget 問答小工具

利用做過MOTUDO 網誌: jQuery 做簡易問答網頁的經驗，選幾個 jQuery 的簡單問題來做 jQueryQuiz Gadget 看看。

程式碼請參閱jquery-quiz-2009-0213.xml，可以放到 igoogle 看看，或是利用Add Gadget to Your Webpage來產生 javascript 程式碼，內嵌到網頁看看。

延伸

1. MOTUDO 網誌: jQuery 做簡易問答網頁
2. MOTUDO 網誌: 利用 jQuery 做網頁區塊折疊

jQuery 做簡易問答網頁

經過MOTUDO 網誌: 利用 jQuery 做網頁區塊折疊練習之後，將網頁區塊折起來可以用來幫忙做個簡易問答網頁應用。

程式碼請參閱 hello-survey-2009-0204.xml，checkAns 是個簡單的 jQuery extension，直接掛在 div.children().filter(":checkbox:enabled") 後面確認答案，正確答案需要在 checkbox 的 value 後面加上 YES 當作辨識之用。

如果需要看看操作的樣子，可以將 hello-survey-2009-0204.xml加入 igoogle就可以，要改一般 HTML 只要改用 $(document).ready() 方式就可以。

更新：使用 children 這類位置的 selector 需要注意可能會因為位置改變而失效，例如將 checkbox 放入 p 里面就可能發生這類問題，建議改為 mydiv.find(':checkbox') 比較可靠，因為 find 是按照條件找出 checkbox，與位置無關。

利用 jQuery 做網頁區塊折疊

有的時候網頁區塊需要如圖示一樣折疊，先用 div#motudo div:gt(0) 找出除了第一塊之外的區塊，然后使用 hide() 加以隱藏，當觸發下一頁事件，如 div.hide().next().show() 所做，先將目前區塊隱藏，然后讓下一個區塊展現出來。

細節請參閱 hello-fold-2009-0204.xml，也可以將這個 gadget 加到 igoogle 去測試看看。