Archive for the Category Webdev

 
 

[jQuery] .ajax 在 IE7 中無法執行 success 函式

如果使用 jQuery .ajax 時發現在 IE7 內無法執行 success 函式,可以使用以下方法解決:

  1. js 的部份,請在 dataType 加上判斷式如下:
  2. dataType: (jQuery.browser.msie) ? "text/xml" : "text"

  3. 後端程式如 php 的部份,使用 header 宣告文件的 Content-type 為 xml:
  4. header('Content-type: text/xml');

相關的問題在 jQuery 官方文件有一篇 Using the right MIME type 可以參考。但我自己遇到的狀況是將 dataType 宣告為 text 時,在 IE7 內仍然無法成功執行 success 函式,改為 text/xml 才解決了問題。

[jQuery UI] 讓每個 Tab 擁有獨立網址

使用 jQuery UI 的 Tabs 套件時,有兩個缺點:

  • 瀏覽器的上一頁、下一頁按鈕沒有作用,也就是 history 的紀錄失效。
  • 每個 Tab 沒有獨立的網址,所以無法將某個指定的 Tab 內容加到書籤。

目前找到比較簡單的解決辦法有二:

將字串改為小寫的方法

來自 Pete Freitag,將字串改為小寫,在不同的程式語言中是這樣的處理的:

函式 語言
LCase() ColdFusion / CFML, ASP, Visual Basic
lower() SQL, Python
toLowerCase() Java, JavaScript, ActionScript
strtolower() PHP
tolower() ANSI C/C++
toLower() C#
downcase Ruby
lower-case() XQuery
lowercaseString Objective C / NSString
lc() Perl

帥呀,Perl!

在有序清單(ordered list)的編號和內文使用不同字型

Style Your Ordered List

來自Web Designer Wall的一篇舊文「Style Your Ordered List」,介紹如何讓有序清單(ordered list,ol元素)的編號和內文使用不同的字型。

方法很簡單,編號的字型設定在ol的CSS樣式裡面,內文的字型則設定在ol p裡面(我之前一直沒想到可以這樣設):

ol {
  font: italic 1em Georgia, Times, serif;
  color: #999999;
}
ol p {
  font: normal .8em Arial, Helvetica, sans-serif;
  color: #000000;
}

最後的成品就會長成這樣(編號的數字是用Georgia字型,內文則是Arial):
stylish ordered list

Firefinder for Firebug

firefinder

Firefinder是Firebug的擴充套件,用來快速找到網頁中,符合特定CSS選擇器或是XPath表達式的HTML元素。

Firefinder的面板內會顯示符合的筆數並將這些元素條列出來,在網頁中也會用紅色虛線框將他們標示出來;當滑鼠指向面板內列出的某個元素時,網頁內相應的元素則會用藍色虛線框標示。

安裝完畢後,開啟Firefinder面板的快捷鍵是Ctrl(Command)+ Shift + V。

Pages: 1 2 3 4 5 6 ...10 11 12 »