弹出层，div的写法

$(document).ready(function(){//弹出层的htmlvar openWindow = '<div id="middle_addFilterPurchaseOrder"></div><div id="msg_addFilterPurchaseOrder"></div>';//把弹出层加入到table的后面$('#unPackingTable').append(openWindow);//当点击背景时，隐藏弹出页$('#middle_addFilterPurchaseOrder').click(function() {$('#middle_addFilterPurchaseOrder,#msg_addFilterPurchaseOrder').hide();});});function buildPackingSizeView(obj){//包装明细显示var index = (obj.id).split("_")[2];        var packSizeJsonArray = packingSizeJson[$("#packingLineId_"+index).val()];var array = eval(packSizeJsonArray);var tableHtml = "";//caohong 添加内盒料号和内盒名称栏位starttableHtml += '<table  align="left" cellpadding="0" cellspacing="0"  id="openWindow_table" style="border-collapse: collapse;" width="800px">';tableHtml += '<tr><th colspan="2"><%=title_packingDetail%></th><td colspan="4" style="border:0px solid #FFFFFF"> </td></tr>';tableHtml += '<tr><th><%=title_salesTableNo%></th><th><%=title_purchOrderFormNum%></th><th><%=title_size%></th><th><%=title_qtyPerBox%></th><th><%=title_pairWeight%></th><th><%=title_pairShoesWeight%></th><th><%=title_innerBox%></th><th><%=title_innerBoxMaterialName%></th></tr>';for(var i = 0 ; i < array.length ; i++){var grossWeight = array[i].netWeight; var netWeight = array[i].grossWeight;grossWeight =  parseFloat(grossWeight).toFixed(2);netWeight =  parseFloat(netWeight).toFixed(2);tableHtml += '<tr>';tableHtml += '<td style="border:1px solid #000000">'+array[i].salesOrderNo+'</td><td style="border:1px solid #000000">'+array[i].purchOrderFormNum+'</td><td style="border:1px solid #000000">'+array[i].sizeName+'</td><td style="border:1px solid #000000">'+array[i].sizeQty+'</td><td style="border:1px solid #000000">'+grossWeight+'</td><td style="border:1px solid #000000">'+netWeight+'</td><td style="border:1px solid #000000">'+array[i].materialNo+'</td><td style="border:1px solid #000000"><span title="'+array[i].materialName+'">'+array[i].showMaterialName+'</span></td>';tableHtml += '</tr>';}//endtableHtml += '</table>';$('#msg_addFilterPurchaseOrder').html(tableHtml);//显示弹出框var width = ($(window).width()) + 'px';var height = ($(window).height()) + 'px';$('#msg_addFilterPurchaseOrder').width("850px");var p = {width : $('#msg_addFilterPurchaseOrder').width(),height : $('#msg_addFilterPurchaseOrder').height()};var left = ($(window).width() - p.width) / 2 + 'px';var top = ($(window).height() - p.height) / 2 + 'px';var allLeft = '0px';var allTop = '0px';$('#middle_addFilterPurchaseOrder').css({'width' : width,'height' : height,'left' : allLeft,'top' : allTop}).show();$('#msg_addFilterPurchaseOrder').css({'left' : left,'top' : top}).show();}

弹出层，div的写法相关推荐

一组li或者div里面多个弹出层对应各自的内容
今天在一个做一个页面开发的时候发现了这个需求,简单的给大家描述一下我的使用环境: 射鸡师要求点击每一个卡片上的查看更多需要弹出各自的内容: 可能有同学会说了,每个卡片下面写一个div当做弹出层就ok了 ...
jquery简单实现点击弹出层效果实例
先看效果图: 完整例子:  <div id="race"><a href="#">点击</ ...
JavaScript：简单实现弹出窗口div
JavaScript实现弹出窗口思路总体使用两个div,一个作为底层展示,一个做为弹出窗口: 两个窗口独立进行CSS设计,通过display属性进行设置显示与隐藏,此处建议使用display属性而 ...
关于淘宝店铺装修弹出层popup的记录
小龙最近做了一下下淘宝的店铺装修,里面封装的widget深不见底,刚刚整明白popup,也就是弹出层的使用方法,大神勿喷: <div class="area001">触 ...
点击文字弹出一个DIV层窗口代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...
【CSS实现Loading遮罩】点击按钮，弹出一个DIV层窗口
加载中 gif 图片: 页面效果: 源码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ...
js怎么给div加滑动条 vue给弹出层加滑动条(一分钟学会用js加滚动条)
@[TOC](怎么给div加滑动条给弹出层加滑动条(一分钟学会js加滚动条)) 给div加滑动条给需要滑动条的div加一个样式加一个高度,加一个overflow:auto; overflow:a ...
css外层DIV半透明内层div不透明-弹出层效果的实现
css外层DIV半透明内层div不透明-弹出层效果的实现 <!DOCTYPE html> <html><head><meta charset="ut ...
html点击一个文字显示提示框,点击文字弹出一个DIV层窗口代码
点击文字弹出一个DIV层窗口代码 .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; ...

弹出层，div的写法

弹出层，div的写法相关推荐

最新文章

热门文章