基于Jquery的对话框插件jquery-impromptu
impromptu是一款基于Jquery的对话框插件,使用这个插件可以打造出人性化和美观的网页对话框。
插件的基本使用方法在它的Blog上都有demo
插件的Blog地址
http://trentrichardson.com/Impromptu/index.php
通过回调方法,可以在脚本里获取用户在对话框的输入,一个回调方法的示例:
function modifyCallBackForm(v,m,f){
if(v){
modifyInvoiceByAjax(f.modifyId,f.modifyName);
}
}
//V 用户选择的值
//m prompt的内容参数对象
//f m中的以name为属性选择器的对象
通过这样来调用这个回调方法:
$.prompt(txt,{ callback: modifyCallBackForm, buttons: { Ok: true, Cancel: false } });
回调方法接受3个参数:v,m,f
v :通过代码可以理解为用户的选择操作,比如可以通过布尔判断v获取用户是否点击了true按钮。
m:理解为一个对象,这个对象为prompt中html的内容,即自定义的HTML内容,上述代码的txt,可以通过m.html()获取其中的HTML代码。
f: 通过这个参数可以获取prompt中html内容中的元素,这个元素需要有name属性,比如可以通过f.nametest获取 name属性为nametest的input的value,
对于name相同的多个元素,f会返回一个数组。
通过这3个参数就可以做到定义Prompt的定制显示和获取用户输入。
回调就介绍这么多,剩下的可以参见它Blog的Demo,很实用,比如一些相互切换的prompt也可以很方便的实现。