jquery 对话框

 jquery的确是一个好东西，本人不是js工程师，但是公司的js也得自己写阿，调试那些js实在是太繁琐的事情了，所以jquery几乎代替了我的js，呵呵，今天写了一些对话框的应用！

 

先上demo吧

 

其实样式可以很多，这里只是几个例子而已！

 

首先下载impromptu插件了，地址 http://trentrichardson.com/Impromptu/index.php

包含到页面里面，然后在页面里面定义一个表单

例如：

<form  name="hidden_form" id="hidden_form" action="/news/info/faqoperate" method="POST" >
<div class="mar5" align="center">
<input class="fromButton marLeft30"  type="button" οnclick="show_form()" value="添加问题" />&nbsp;&nbsp;&nbsp;
<input type="button" class="fromButton marLeft30" οnclick="delete_fids()" value="删除问题" />
</div>

<input type="hidden" name="f_id" id="f_id" value="" />
<input type="hidden" name="f_question" id="f_question" value="" />
<input type="hidden" name="f_answer" id="f_answer" value="" />
<input type="hidden" name="o_type" id="o_type" value="" />

</form>

 

这个用来提交数据，

js部分写几个函数（没有整理的，呵呵）

<script>
function show_form(){

 var txt = '新增问题<br /><div class="mar5"><label class="producttext">问题:</label><input type="text" name="question" id="question" /></div><div class="mar5"><label class="producttext">回答:</label><textarea name="answer" id="answer" rows="5" cols="30" ></textarea></div>';
 jQuery.prompt(txt,{
    submit: faqadd,
       buttons: {'添 加':true,'取 消':false }
 }); 
}
function faqadd(v,m,f){
 if(v == false){
  return true;
 }
 var question = jQuery('#question').val();
 var answer = jQuery('#answer').val(); 
 $("#f_question").val(question);
 $("#f_answer").val(answer);
 $("#o_type").val('add');
 $("#hidden_form").submit();
 return true;
}

function selectall()
{
 var checkBoxes = new Array();
 checkBoxes = document.getElementsByName('faq_id[]');
 var selectAllObj = document.getElementById('selectAll');
 var flag = selectAllObj.checked==true?true:false;
 for(i=0;i<checkBoxes.length;i++)
 {
  checkBoxes[i].checked = flag;
 }
}

<script>

 

主要代码就这些了，当然我没用使用ajax来刷新页面，想弄的话也简单，可以参考

http://trentrichardson.com/Impromptu/index.php

里面的就可以了，有很多examp，好了，到这里了！