基于Jquery的对话框插件jquery-impromptu

基于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也可以很方便的实现。

留下回复