欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中artdialog彈出框控件之提交表單思路詳解

 更新時間:2016年04月18日 09:54:51   作者:黑♂白  
artDialog是一個基于javascript編寫的對話框組件,它擁有精致的界面與友好的接口。本文給大家介紹JS中artdialog彈出框控件之提交表單思路詳解,對本文感興趣的朋友一起學(xué)習(xí)吧

artDialog是一個基于javascript編寫的對話框組件,它擁有精致的界面與友好的接口。

前言:

自適應(yīng)內(nèi)容

artDialog的特殊UI框架能夠適應(yīng)內(nèi)容變化,甚至連外部程序動態(tài)插入的內(nèi)容它仍然能自適應(yīng),因此你不必去考慮消息內(nèi)容尺寸使用它。它的消息容器甚至能夠根據(jù)寬度讓文本居中或居左對齊——這一切全是XHTML+CSS原生實現(xiàn)。

完善的接口

它的接口完善,可以輕易與外部程序配合使用。如異步寫入消息、控制位置、尺寸、顯示與隱藏、關(guān)閉等。

細致的體驗

如果不是在輸入狀態(tài),它支持Esc快捷鍵關(guān)閉;可指定在元素附近彈出,讓操作更便捷;智能給按鈕添加焦點;黃金比例垂直居中;超大響應(yīng)區(qū)域特別為ipad等觸屏設(shè)備優(yōu)化;預(yù)先緩存皮膚圖片更快響應(yīng)……

跨平臺兼容

兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移動設(shè)備。并且IE6下也能支持現(xiàn)代瀏覽器的靜止定位(fixed)、覆蓋下拉控件、alpha通道png背景。

步入正題:

artdialog 不錯的彈出框控件

接觸artdialog已經(jīng)有一段時間了,覺得其用起來還不錯,比較輕量級,javascript的插件我比較喜歡輕量級的,加載速度快。

其功能也很不錯,功能很齊全,相對于其它彈出插件,這個插件不僅還在維護,而且bug也少,用起來也挺方便,是國內(nèi)比較出眾的插件之一。

調(diào)用方法如下:

//說明下面是一段通過artdialog彈出form表單,并通過ajaxform來提交的js(表單可以采用jquery validate驗證控件來驗證表單)
$(document).ready(function() {
var options = {
target: '#output2',
success: showResponse // post-submit callback
};
$('#myForm').ajaxForm(options);
var alt =null;
$("#addHname").click(function(){
alt=art.dialog({
title:'新增花名',
content: document.getElementById('g_cn'),
width:750,
button: [
{
name: '保存',
focus: true,
callback: function () {
$('#myForm').submit();
return false;
}
},
{
name: '關(guān)閉',
callback: function () {
}
}
]
});
});
function showResponse(data){
if(alt !=null){
alt.close();
}
if(data=='success'){
artDialog.alert('保存成功');
}else{
art.dialog.close();
artDialog.alert('保存失敗');
}
}
});

以上所述是小編給大家介紹的JS中artdialog彈出框控件之提交表單思路詳解,希望對大家有所幫助!

相關(guān)文章

  • 實例詳解JavaScript中setTimeout函數(shù)的執(zhí)行順序

    實例詳解JavaScript中setTimeout函數(shù)的執(zhí)行順序

    關(guān)于javascript的運行機制大家都應(yīng)該有所了解了吧,其實javascript是一個單線程的機制,但是因為隊列的關(guān)系它的表現(xiàn)會讓我們感覺是一個多線程的錯覺。下面這篇文章通過實例主要給大家介紹了關(guān)于JavaScript中setTimeout函數(shù)執(zhí)行順序的相關(guān)資料,需要的朋友可以參考下。
    2017-07-07
  • Canvas + JavaScript 制作圖片粒子效果

    Canvas + JavaScript 制作圖片粒子效果

    本文將詳細介紹Canvas + JavaScript 制作圖片粒子效果的方法。具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • JavaScript 中如何將秒轉(zhuǎn)換為分秒

    JavaScript 中如何將秒轉(zhuǎn)換為分秒

    JavaScript中將秒轉(zhuǎn)換為分鐘和秒,通過將秒數(shù)除以 60 得到整分鐘數(shù),獲取剩余的秒數(shù),本文通過實例代碼介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧
    2023-09-09
  • 一文詳解如何檢測并解決JS代碼中的死循環(huán)

    一文詳解如何檢測并解決JS代碼中的死循環(huán)

    這篇文章主要想和大家來一起探討一下能否通過靜態(tài)分析的方式檢測出死循環(huán),如果不能,我們又應(yīng)該如何在不借用其他線程的情況下,解決死循環(huán)卡住問題,感興趣的可以了解下
    2023-09-09
  • JavaScript中reduce方法的用法及使用場景

    JavaScript中reduce方法的用法及使用場景

    reduce()方法對數(shù)組中的每個元素按序執(zhí)行一個提供的reducer函數(shù),每一次運行 reducer會將先前元素的計算結(jié)果作為參數(shù)傳入,最后將其結(jié)果匯總為單個返回值,今天我們就介紹一下reduce的幾種簡單使用場景,需要的朋友可以參考下
    2023-08-08
  • JavaScript 精粹讀書筆記(1,2)

    JavaScript 精粹讀書筆記(1,2)

    JavaScript的特性中有一部分特性帶來的麻煩遠遠超出它們的價值。
    2010-02-02
  • 響應(yīng)式表格之固定表頭的簡單實現(xiàn)

    響應(yīng)式表格之固定表頭的簡單實現(xiàn)

    下面小編就為大家?guī)硪黄憫?yīng)式表格之固定表頭的簡單實現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • JS+CSS實現(xiàn)炫酷光感效果

    JS+CSS實現(xiàn)炫酷光感效果

    這篇文章主要為大家詳細介紹了JS+CSS實現(xiàn)炫酷光感效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • JavaScript分步實現(xiàn)一個出生日期的正則表達式

    JavaScript分步實現(xiàn)一個出生日期的正則表達式

    本文把出生日期分割成幾個部分,分步地介紹了實現(xiàn)一個出生日期校驗的完整過程。對出生日期正則表達式感興趣的朋友參考下吧
    2018-03-03

最新評論