dialog 的简单使用(简单的弹出一个对话框)
2013-10-25 16:24
453 查看
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>dialog demo</title> <!--引用--> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> </head> <body> <!--打开操作--> <button onclick="opendialog('caa','cbb')">打开</button> <!--容器,对话框的内容--> <div id="dialog" title="标题"> 内容0:<input type="text" value="" name="text" id="text"> 内容1:<input type="text" value="" name="text1" id="text1"> <!--关闭,触发onclick()事件--> <button onclick="closedialog()">关闭</button> </div> <script> <!--打开dialog事件--> function opendialog(aa,bb) { document.getElementById("text").value=aa; document.getElementById("text1").value=bb; $("#dialog").dialog("open"); } <!--关闭dialog事件--> function closedialog() { $("#dialog").dialog("close"); } <!--设置dialog的属性--> $("#dialog").dialog( { <!--此处进行属性设置,参考:http://api.jqueryui.com/dialog/#option-buttons--> autoOpen:false, modal:true, closeOnEscape:true, dialogClass:"", model:true, resizable:false, } ) </script> </body> </html>
相关文章推荐
- Linux Shell 入门(二)
- FileInputStream读取properties系统找不到指定的路径
- 如何提高测试部在公司的地位
- 代码迁移错误总结
- Codeforces Round #204 (Div. 2) C Jeff and Rounding
- javascript俄罗斯方块游戏
- 使用css3进行简单的卡片翻转
- jQuery 1.9 移除了 $.browser 的替代方法
- 练习-再练switch语句
- 图的邻接矩阵存储结构的实现及其遍历
- Json 与 XML 的互相转换
- 二、调试及帮助工具简介
- 字符串的完美度
- 更新或删除某条记录的时候,无法操作,用锁解决
- 第三讲之 Logistic Regression(method:Gradient descent and Newton)
- 产品
- ubuntu 13.04 telnet 详细配置
- UIWebview 截获html并修改内容。
- UNIX缓冲机制
- RTCP协议总结