Category Archives: Javascript

[Javascript]利用Javascript刪除列

很常在網路上看到某些表格或清單的選項(ex:plurk的回應),按一下旁邊的X不需要重新整理網頁就可以直接讓該列消失

如上面所示,我要按下"刪除"就讓這列消失

PS:若表格中的內容是從資料庫中讀取出來的,刪除時必需配合AJAX刪除資料庫資料

Continue Reading

[Javascript]console.log偵錯

在寫Javascript時,在程式海中發現一個變數抓不到值是很傷腦筋的事,

用alert除錯有時候也會很麻煩,

這時候就可以透過console.log這個函式來幫你除錯,

將變數或其他會回傳值的方法丟進去,透過Firebug(或其他debug套件)的主控台即可看到你丟到console.log的值。

Continue Reading

[jQuery]jQuery AJAX

在網頁上常常會看到,點擊某些東西之後就會即時的顯示一些資料

例如旅行社網頁,選擇價錢可以即時出現該價位的飯店

其實是透過AJAX(Asynchronous JavaScript and XML)處理的

jQuery Ajax HTML:

jQuery:

fetch_data:

jQuery會將fetch_data echo出來的東西全部塞到#con這個區塊內,不過#con裡原先若有其他內容將會被覆蓋過去 且原先就寫在網頁中的javascript判斷不到利用AJAX顯示出來的DOM元件 若要使用則需將javascript放在fetch_data一同輸出。

sync ajax

jQuery在AJAX部份也越來越多新用法,比如說:

AJAX觸發事件流程

所以可以針對以上觸發事件做一些loading的特效

AJAX因為安全性問題所以無法跨網域抓資料,如果有需求的需要再另外處理

Continue Reading

[jQuery] 下拉視窗

平常作網頁時最討厭的就是選單選項太多,就算是有分類也是眼花潦亂, 我是習慣性會對選單做點手腳,所以彈跳視窗就是最快又最方便的選擇了! 當然一開始第一步就是要先在自己的程式中引入jQuery,

引入

接著是要給你的ul設定id或者class!

這是jQuery部份:

這樣就大功告成了!

Continue Reading