發表文章

目前顯示的是 12月, 2012的文章

[MYSQL][好文] mysql 中判断null

mysql 中判断null 如果a欄位的值是NULL a IS NULL 搜尋的到 a = '' 搜尋不到 如果a欄位的值='' a IS NULL 搜尋不到 a = '' 搜尋的到

[jQuery] 用change()來代替focusout()

有些表單當使用者在文字欄位中輸入資料後,透過 .focusout() 來觸發ajax,例如:當使用者輸入帳號後,判斷帳號是否已經有人使用。但是,有時候使用者並未改變欄位值,只是單純用滑鼠欄位,當失去焦點時,又會因為focusout而又觸發ajax。 實際上,我們可以用 .change() 來代替,因為change在文字欄位的觸發時機也是"失去焦點",同時,如果輸入值沒有任何改變時,就像"change"字面上的意義,他是不會觸發的。

[jQuery] 常用於修改網頁內容的功能 .html() .append() .after()

.html() 輸入值將覆蓋指定物件的內容 .append() 輸入值將接在指定物件的內容後面 .after() 輸入值將接在指定物件後面

[PHP][好文] PHP中的sprintf()函數的學習研究筆記網頁

PHP中的sprintf()函數的學習研究筆記網頁 備註: printf與sprintf的差異: printf --- 單純輸出格式化字串 sprintf --- 回傳格式化字串 簡單說就是 $a=1; $a=printf('%02d',$a); echo $a;  //1 $b=1; $b=sprintf('%02d',$b); echo $b;  //01

[jQuery] 簡單做出像google搜尋一樣的自動完成效果 (jQuery UI Autocomplete)

1.引入jquery的程式 <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 2.js主程式 <script>   $(function() {     $('#auto').autocomplete({       source: "ajax.php",       minLength: 3     });   }); </script> 3.html碼 <input type="text" id="auto" /> 說明: 1.預設的變數名稱是"term",所以接收頁要用$_GET["term"]來接值。 2.ajax.php輸出的格式"必須"是json。 範例如下: $sql = "select * from table where name like '".$_GET['term']."%'"; $query=$db->query($sql); while($result=$db->fetch_array($query)){ $rows[] = $result['name']; } echo json_encode($rows); 註1: minLength: 3 代表至少要輸入三碼才啟動自動完成,如果Server主機效能很好,可以改成1。其他參數的中文說明可參考 這裡   註2: 可將 source...

[JavaScript][jQuery][好文] Javascript异步编程的4种方法

Javascript异步编程的4种方法

[jQuery] Ajax 超簡單做出"loading讀取中"的效果 (可用圖示或文字)

ajax的部分,這篇就不介紹,程式碼大概如下: $.ajax({ url: "my_ajax.php", success: function(data) { (省略) } }); 如果我們希望在資料還沒傳回來之前,先在網頁上顯示"資料讀取中..."的訊息,只要下面加上以下程式碼: $("#loading_msg").ajaxStart(function(){ $(this).text("資料讀取中..."); }); $("#loading_msg").ajaxStop(function(){ $(this).text(); }); 如果我們希望改成轉圈圈的圖示,也只要把程式碼改成: $("#loading_img").ajaxStart(function(){ $(this).show(); }); $("#loading_img").ajaxStop(function(){ $(this).hide(); }); PS.轉圈圈的圖可以在 這邊下載

[jQuery] 表單輸入欄位自動轉大寫

$('#inputID').keyup(function(){ this.value = this.value.toUpperCase(); });

[jQuery] 如何抓取Ajax回傳值中的部分資料

直接看程式碼:   $.ajax({ url: "ajax.php", dataType:"html", success: function(data) { $('#div_temp').html(data); var ajax_1 = $('#div_temp').find("#ajax_1").text(); $('#input_1').val(ajax_1); var ajax_2 = $('#div_temp').find("#ajax_2").text(); $('#input_2').val(ajax_2); } });  說明如下...

[好文][PHP] 文件上传后缀名与文件类型对照表(几乎涵盖所有文件)

文件上传后缀名与文件类型对照表(几乎涵盖所有文件) 有些似乎顛倒了,例如圖檔的部分,正確應該是 FireFox: image/jpeg  image/bmp image/gif image/png IE: image/pjpeg image/bmp image/gif image/x-png 所以,使用時最好還是用函式輸出確認一下,比較好。

[CSS] 如何控制input圖片寬度 但是維持寬高比例 避免圖片變形

#my_input_pic{ height:auto; width:100%; }

[好文][CSS] 用css控制cellspacing、cellpadding

用css控制cellspacing、cellpadding

[HTML][好文] 寫一個 HTML5 網頁 - HTML 篇

寫一個 HTML5 網頁 - HTML 篇

[好文][JavaScript] Javascript 設定 getElementById 屬性的方法

Javascript 設定 getElementById 屬性的方法

[PHP] 函式回傳值=0時,應該注意if()的判斷結果 (以fwrite為例)

我們常常會利用函式的回傳值去判斷有沒有執行成,例如: if(mkdir('mydir')){echo '執行成功';} 但是,有些函式執行成功時,回傳值是數字,以fwrite()來說,執行成功的話,回傳值則是寫入的字數,當寫入的內容是空值時,fwrite()還是可以執行,回傳值則是0,所以,當我們利用fwrite()建立文件並寫入資料時,即便寫入的內容是空值,仍然可以建立該份文件。 實務上,我們利用if來判斷fwrite()有沒有執行成功時,如果發生寫入內容是空值,雖然執行成功,但是因為回傳值是0,所以,if(0)的判斷結果是不成立,容易誤以為執行是失敗的,建議應該改成if(fwrite(...) === false){ echo '執行失敗';}

[facebook] 輕鬆在網頁上加入按讚的按鈕

FB提供了各種 Social Plugins  ,讓開發者可以自由的在網頁上加入FB的元件,最常見到的就是"讚"(Like)的按鈕,加入方法很簡單...