0.2.1 版本發表:
這個版本加強了 jQWebExt 在 MVC 上的應用彈性, 增加了 jqwebext_config.js 的功能.
也就是支援動態載入設定檔(jqwebext_config.js), 並依設定檔及頁面 id , 再動態載入 3rd party javascript.
並為您註皿 global function 到 window scope , 並於 DOM Ready 時, 執行 ready 設定的 function .
所以, 在大部份的情況下, 你的網頁 HTML 只會有二行 src , 以及最最最少量的 javascript.
你們家的網頁設計會大大感激您地~~~~。
##CONTINUE##
Configs:
若您的環境特別, 或您要統一管理 javascript 目錄, 或套用不同的設定檔, 您可以設定
jQWebExtConfig 這個變數在您引用
之前, 而 jQWebExtConfig 設定如下:
config: 您想要動態載入的設定檔名, default is jqwebext_config.js
path: 您的 javacript 的路徑, 可使用相對或 http:// 的絕對路徑.
pageId: jQWebExt 會自動抓出 pageId. 當然您也可以利這個變數設定它.
jqwebext_config.js:
jqwebext_config.js 的設定格式及範例如下:
Hello World Sample
Tooltip Extension Sample
Featured Download:
http://jqwebext.googlecode.com/files/jqwebext-0.2.1.zip
Open Source:
http://code.google.com/p/jqwebext/
Discussion Group:
jQWebExt Discussion Group
Technorati Tags: javascript, jquery, jqwebext, mvc, framework
這個版本加強了 jQWebExt 在 MVC 上的應用彈性, 增加了 jqwebext_config.js 的功能.
也就是支援動態載入設定檔(jqwebext_config.js), 並依設定檔及頁面 id , 再動態載入 3rd party javascript.
並為您註皿 global function 到 window scope , 並於 DOM Ready 時, 執行 ready 設定的 function .
所以, 在大部份的情況下, 你的網頁 HTML 只會有二行 src , 以及最最最少量的 javascript.
<script src="jquery.pack.js" type="text/javascript"></script>
<script src="jqwebext.js" type="text/javascript"></script>
你們家的網頁設計會大大感激您地~~~~。
##CONTINUE##
Configs:
若您的環境特別, 或您要統一管理 javascript 目錄, 或套用不同的設定檔, 您可以設定
jQWebExtConfig 這個變數在您引用
<script src="jqwebext.js" type="text/javascript"></script>
之前, 而 jQWebExtConfig 設定如下:
<script>
var jQWebExtConfig = {config: 'jqwebext_config.js', path: '', pageId: ''};
</script>
config: 您想要動態載入的設定檔名, default is jqwebext_config.js
path: 您的 javacript 的路徑, 可使用相對或 http:// 的絕對路徑.
pageId: jQWebExt 會自動抓出 pageId. 當然您也可以利這個變數設定它.
jqwebext_config.js:
jqwebext_config.js 的設定格式及範例如下:
// jQWebExt Config
jQWebExt.options.Config = {
/*
* Default config will process at any page id.
*/
'default': {
/*
* Require third party's javascript, separate with comma
*/
'requires': 'plugins/jquery.dimensions.pack.js',
/*
* Register global functions
*/
'functions': {
test: function() {
alert('cool! test function in jqwebext_config.js');
}
},
/*
* Auto Run on DOM Ready.
* Like jQuery(document).ready( function ...)
*/
'ready': function () {
alert('dom ready function in jqwebext_config.js DEFAULT Block');
}
},
/*
* pageId or Body id='helloworld'
*/
'helloworld': {
'ready': function () {
alert('dom ready function in jqwebext_config.js helloworld Block');
}
},
/*
* pageId or Body id='tooltip'
*/
'tooltip': {
'requires': 'jqwebext.tooltip.js',
'ready': function () {
alert('dom ready function in jqwebext_config.js!! \n is Tooltip page?? cool!!!');
}
}
};
// callback jQWebExt to process Config.
jQWebExt.Config();
Hello World Sample
Hello World sample code is here. [DEMO]
Tooltip Extension Sample
ZebraTableExtension sample code is here. [DEMO]
Featured Download:
http://jqwebext.googlecode.com/files/jqwebext-0.2.1.zip
Open Source:
http://code.google.com/p/jqwebext/
Discussion Group:
jQWebExt Discussion Group
Technorati Tags: javascript, jquery, jqwebext, mvc, framework
6 則留言:
您好...
感謝您提供的語法...
我是在這邊看到的
http://joshnotepage.googlepages.com/blogger_ext2_install.html
因為那邊沒有留言的地方...
所以小弟只好在這邊留言...
小弟使用您提供的語法...
如願的拼湊出blog
http://flymoonx.blogspot.com/
感謝您的協助
請問一下有辦法將文章加入執行JavaScript的功能呢?謝謝。
不好意思~~
請問一下
有沒有辦法可以直接在首頁看完文章就張貼回復呀??
因為我用reading more
幾乎都是在首頁就看完了
回復還有點進去感覺多一個步驟
感謝指導><
To: Flymoon X:
不客氣, 希望 blogger-ext2 對您有幫助.
To 匿名 提到...
>> 請問一下有辦法將文章加入執行JavaScript的功能呢?謝謝。
不太懂您的意思, 可否舉個例子或說明一下您希望的功能用途是??
To BboyLil'Fany:
可以, 這個 blogger 系統有提供, 在文章下有 x回應, 或 xComment 那個 link 按下去就是.
張貼留言