顯示具有 jquery 標籤的文章。 顯示所有文章
顯示具有 jquery 標籤的文章。 顯示所有文章

星期二, 12月 14, 2010

Lettering.js

剛好看到,就連上去 Lettering.js 看了一下,不覺得有什麼特別的。

看了原始碼,就只有看到呼叫 $(".your_class").lettering(); 而已,實在是很簡單,但是網頁上的效果卻又不是圖檔或是flash。再更仔細看網頁的 css 之後,發現有 .char1, .char2....或是 .word1, .word2...等的定義。啊~看來這就是關鍵了,只要你的 css 裡有定義這些 class,再呼叫 .lettering() 之後,lettering 就會幫你把這些 class 套用到 jquery selector 選取的字或詞(參數帶 'word')上。

真的是挺方便的 jquery plugin。

星期二, 8月 04, 2009

jquery 與 iframe

假設 iframe 的 id 是 f,裡面有個按鈕 id 是 btn,那麼要存取 iframe 裡的元素,可以這樣寫:

// http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/
alert( $('#f').contents().find('#btn').html() );


再假設父頁面裡有個 id 是 ta 的 text,iframe 裡要存取父頁面裡的元素,有兩種寫法:

// 方法一 (http://webdevel.blogspot.com/2007/03/iframes-and-jquery-working-with-iframes.html)
alert( parent.$("#ta").val() );
// 方法二 (http://groups.google.com/group/jquery-en/browse_thread/thread/5997ef4a60a123af?pli=1)
alert( $("#ta", parent.document.body).val() );


不過,在碰到 cross domain 的情況時,就會行不通了。拜 Google 大神 的時候,大神有提到一些,但我嫌麻煩就沒再去試了...

參考資料:

星期五, 2月 13, 2009

[Note]當 jQuery().ajax() 遇到 ASP

利用 jqGrid 新增中文欄位資料時,到伺服器端時,就變成亂碼了。
FireBug 大神幫忙,發現 request header content-type 的編碼是 utf-8,查過jqGrid的 source code,裡面也只是調用 jQuery 的 ajax 函數而已。
照理來說,應該可以用 $.ajaxSetup() 來修正,但試了好一陣子,發現沒辦法,即使我在 contentType 裡指定了 charset=big5,最後送出時,仍然會是 utf-8...

好吧,山不轉路轉,再拜請Google大神,發現有人利用 escape() 解,也就是先用 javascript escape() 編碼,server 端再解碼,這樣就解了。
大致的代碼是這樣:
//
$("#jqGrid2").jqGrid(
// ... 略 ...
).navGrid( "#pager2", {
// ... 略 ...
add:true,
addfunc: function() {
$("#jqGrid2").editGridRow( "new", {
url: "server.asp",
beforeSubmit: function( postdata, o ) {
var s = postdata[ "your_field_name" ];
var ret=[true, "", ""];
postdata[ "your_field_name" ] = escape( s );
return ret;
}
} );
return false;
}
} );