~ 小弟我又想砸电脑了 . 快死了 .老板又逼的-Java教程-爱易网页

~ 小弟我又想砸电脑了 . 快死了 .老板又逼的

日期：2014-05-18　浏览次数：20768 次

救命啊~! 我又想砸电脑了 . 快死了 .......老板又逼的急

````555````老板一定要做个象51JOB那种选择工作地点的东西

谁知道51job那种选择地址怎么实现的主要是不知道怎么能按下弹出了窗口然后后面的WEB页面就用层灰色的引藏了(也不可以操作了,是不是有个什么CSS层)`?

`````
救命~! 最好给个例子程序啊`!.
100分给救命者~~~~~

------解决方案--------------------
是modalpopup吧，很多ajax库都有的
------解决方案--------------------
直接用层就可以
------解决方案--------------------
用ajax做的，你看看51的souce code呢，多少有点启发
------解决方案--------------------
给个例子,数据你自己加就是了,直接保存html就可以运行

HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
 body{margin:0;padding:0;}
 #topFill{display:none;text-align:center;position:absolute;z-index = 999;filter:alpha(opacity=50);background-color:#eee;opacity: 0.5;-moz-opacity: 0.5;width:100%;}
 #alertBox{margin:auto;height:150px;width:300px;background-color:#cf0;text-align:left;border:1px solid #666}
 #alertTitle{height:20px;background-color:#EDF8B8;line-height:20px;padding:0 10px;border-bottom:1px solid #71860D}
 #alertContent{padding:42px 0;;text-align:center;}
 #alertBtn{text-align:center;}
  #alertBtn input{margin:0 10px;background:#FFFF99;border:1px solid #fff;height:20px;line-height:20px;}
</style>
<script type="text/javascript" >
//document.documentElement.clientHeight+'px'
//  onload的时候声明对象
var obj = new Object;
function oload(){
 obj = document.getElementById('topFill');
 obj.style.display = 'none';
}
function cl(){
 document.body.style.overflow = 'hidden';
 document.body.style.height = document.documentElement.clientHeight + 'px';
 obj.style.display = 'block';
 obj.style.height = document.documentElement.clientHeight + 'px';
}
function bcl(){
 document.body.style.overflow = '';
 obj.style.display = 'none';
}
function oresize(){
 if(obj.style.display != 'block'){
  
 }else{
  cl();
 }
}
function isno(str){
 if (str == 'yes'){
  window.close();
 }else {
  bcl();
 }
}
</script>
</head>
<body onload="oload()" onresize="oresize()">
<div id="topFill">
 <div id="alertBox">
  <div id="alertTitle">请选择要选择的区域!</div>
  <div id="alertContent"><table border="1"><td>北京 上海 南京 沈阳</td></table></div>
  <div id="alertBtn"><input type="button" value="是(Y)" onclick="isno('yes')" /><input type="button" value="否(N)" onclick="isno('no')" /></div>
 </div>
</div>
<input type="text" id="textaaa" />
<input type="button" value="选择区域" onclick="cl()"/>

</body>
</html>

------解决方案--------------------
没有用ajax的实现方法,unload页面之后该层也会消失,如果在加载新页面时间很长时仍旧会有空白时间,要解决可能需要用ajax没有作过,有人作过可以贴上来哈
.submit();前调用showLoadingBar();

JScript code
function showLoadingBar(){
    var Br = new innerMessageBox();
    Br.ShowModal( 250, 30);
}
function innerMessageBox(){
    var BackObject, FormObject;

    //    检查页面中是否存在该控件.
    function checkIMBObject(){
        if (document.getElementById("imb_Background")==null && document.getElementById("imb_FormModal")==null){
            document.body.innerHTML += "<iframe id=\"imb_Background\"  src=\"about:blank\" style=\"position:absolute;left:0;top:0;width:0px;height:0px;visibility:hidden; \" frameborder=no border=0></ifr

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

~ 小弟我又想砸电脑了 . 快死了 .老板又逼的

相关资料更多>

推荐阅读更多>