<-- IE錯誤修正 --> 透過ASP.NET AJAX 4 Client Libraries實現 Modal Popup Window - RiS社群 | FileMaker 跨平台企業應用



快速發表主題
返回   RiS社群 | FileMaker 跨平台企業應用 > PHP / ASP.NET / HTML5 / jQuery > HTML5 = TAG + CSS3 + JavaScript APIs > jQuery 討論區 (jQuery 豐富資源)

jQuery 討論區 (jQuery 豐富資源) 包含 jQuery 有關學習、教學、Frameworks 使用、程式與應用範例等,將集中於此。


FileMaker 教學 FileMaker 14 教學課程 FileMaker 教學
FileMaker 課程(僅接受公司/單位或1對1專屬教學

輕鬆學會FileMaker
帶你認識FileMaker

FileMaker俱樂部 加入FileMaker獲取官方資訊 FileMaker俱樂部
FileMaker俱樂部

回覆
 
LinkBack 主題工具 顯示模式
  #1 (permalink)  
舊 2010-07-16
進階會員
 
註冊日期: 2007-12-19
文章: 119
酷 透過ASP.NET AJAX 4 Client Libraries實現 Modal Popup Window

現在很多網站都導入了AJAX技術,透過AJAX技術在網頁上實現類似Windows的強制回應視窗(Modal Popup Window)效果,像FaceBook、Google都有廣泛的使用這些功能。

底下連結的這個範例介紹如何透過ASP.NET AJAX Client Libraries,不需要引用特定.dll,只需要參考MS CDN即可輕鬆在網頁上建立這樣的凸顯式強制回應視窗功能。

程式碼約莫如下:
< script type="text/javascript" >
Sys.debug = true;
Sys.require([Sys.components.watermark, Sys.components.modalPopup], function () {
$("#Button1").modalPopup({
PopupControlID: "window", //視窗物件名稱
OkControlID: "buttonOK", //設定OK鈕物件
CancelControlID: "buttonCancel", //設定OK鈕物件
OnOkScript: okayWasClicked, //按下Cancel鈕要做的事情
OnCancelScript: cancelWasClicked, //按下Cancel鈕要做的事情
BackgroundCssClass: "modalBackground" //背景顏色
});
$("#UserName").watermark("", "watermark");
$("#Pwd").watermark("", "watermark");
});
//按下OK鈕要做的事情
function okayWasClicked() {
Sys.get("#Label1").innerText = "返回確定";
}
//按下Cancel鈕要做的事情
function cancelWasClicked() {
Sys.get("#Label1").innerText = "返回取消";
}

完成程式碼請[下載]Click the image to open in full size.


本篇來源...

回覆時引用此篇文章
回覆
相似的主題
主題 主題作者 討論區 回覆 最後發表
即將推出的ASP.NET Ajax Library... David ASP & ASP.NET 0 2010-04-12 08:51 AM
Ajax 兩層連動選單 Bing jQuery 討論區 (jQuery 豐富資源) 0 2008-03-16 04:01 PM
ASP.NET 2.0當中的Call back技術與ASP.NET AJAX Bing jQuery 討論區 (jQuery 豐富資源) 0 2007-12-18 07:28 PM
第一屆AJAX全球開發者大會開始報名囉~~ Bing jQuery 討論區 (jQuery 豐富資源) 0 2007-09-30 01:22 PM


主題工具
顯示模式

發表文章規則
不允許您發表新主題
不允許您發表文章
不允許您上傳附件
不允許您編輯自已的文章

開啟 BB 代碼
關閉 HTML 程式碼
Trackbacks are 關閉
Pingbacks are 關閉
Refbacks are 開啟



所有時間均為 +8。現在的時間是 01:15 PM
Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2019,Jelsoft Enterprises Ltd.
Advertisement System V2.6 By   Branden
RiS 社群 ( 感謝明易資訊有限公司技術指導 ) - 使用3.7.2永久合法版權。
Ad Management by RedTyger



Content Relevant URLs by vBSEO 3.6.0 PL2