artdialog适合做弹出的复杂页面,重量级。
j
query通知插件
jNotify，正确，错误，警告等,秒自动关闭
artDialog 是一个轻巧且高度兼容的javascript对话框组件，可让你的网页交互拥有桌面软件般的用户体验。
artDialog4
两个页面的交互：A页面：点击上传图片，弹出B页面并传递一个ID过去，
Java代码
- //上传图片
- $("#UpImg").click(function() {
- if($("#ddlHotelList").val()!="-选择酒店-"){
- $(this).attr('disabled', false);
- // 把hotelId传递给图片上传页面
- art.dialog.data('hotelId', $("#lblHotelID").html()); // 存储数据
- art.dialog.open('/SystemManage/Hotel/ImageUp.aspx', {
- id: 'AAA',
- close: function() {
- var bValue = art.dialog.data('returnHotelId'); // 读取页面返回的数据
- if (bValue !== undefined){
- alert("我回来了:"+bValue);
- }
- }
- },
- false);
- }
- }
B页面：点击确定按钮，关闭并返回一个参数到主界面。
Java代码
- <script src="/js/jquery1.7.0.js" type="text/javascript"></script>
- <script src="/artDialog/jquery.artDialog.source.js" type="text/javascript"></script>
- <script src="/artDialog/plugins/iframeTools.source.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(function(){
- alert("这是从主页过来的酒店ID："+art.dialog.data('hotelId'));// 获取由主页面传递过来的数据
- $("#butOk").click(function(){
- art.dialog.data('returnHotelId', art.dialog.data('hotelId'));// 存储数据
- art.dialog.close();
- });
- })
- </script>
iframe中使用jQuery
Java代码
- art.dialog.open(url, {title: title, height: height, width: width, lock: true, window: "top",
- ok: function (iframeWin, topWin) {
- iframeWin.$('#dosubmit').click(function(){});
- return false;
- }
- });
artDialog6
Java代码
- function confirmDel(oid) {//多个参数
- dialog_confirm_callBack('确定要取消吗', orderCallback, {orderId: oid});
- }
- function orderCallback(data) {
- var dialogObj = this;
- $.ajax({
- type: "get",
- url: "<?php echo $this->createUrl('/pc/ajax/orders')?>",
- data: {id: data.orderId, op: 'cancel'},
- dataType: "json",
- success: function (msg) {
- dialogObj.content('取消订单成功！');
- window.location.reload();
- }
- })
- }
