如何在JS里显示不同的弹出div层,同时JS里有弹出层的方法?

问题是这样的,弹出层已经在JS里写好了,效果也有,可是我的页面有很多个div弹出层,要求点击页面中不同的文字时,弹出不同的div层,其他的div层隐藏,如何写方法,等。。。。。。。。。

  在以下方法里 
  function testMessageBox2(ev) 

{
var objPos = mousePosition(ev);
messContent="

要要
";
showMessageBox('要要',messContent,objPos,580,100);
}
  我想把div显示与隐藏用这个方法控制: 

function divshow1() 
{ 

    if(document.getElementById("divFunction22").style.display=="none") 
    { 

        document.getElementById("divFunction22").style.display="block"; 
      } 
    else 
    {    
        document.getElementById("divFunction22").style.display="none"; 
      } 
} 

页面如下:

麻烦各位高手,我实在是把这些方法合起来,有经验的帮帮?

写个方法??/
[b]问题补充:[/b]
我先试试呀,谢谢你的回答呀
[b]问题补充:[/b]

我的弹出层可能不止3个,有10几个呢?

那个IF ELSE不行吧?

还有个问题是,我的弹出层里也有DIV,如何把内容放进去呀
function testMessageBox2(ev)
{
var objPos = mousePosition(ev);
messContent="

要要
";
showMessageBox('要要',messContent,objPos,580,100);
}

一个DIV层有一个这个方法?

[b]问题补充:[/b]
这是弹出层JS脚本:全部定义的div

var isIe=(document.all)?true:false;
//设置select的可见状态
function setSelectState(state)
{
var objl=document.getElementsByTagName('select');
for(var i=0;i {
objl[i].style.visibility=state;
}
}
function mousePosition(ev)
{
if(ev.pageX || ev.pageY)
{
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
//弹出方法
function showMessageBox(wTitle,content,pos,wWidth)
{
closeWindow();
var bWidth=parseInt(document.documentElement.scrollWidth);
var bHeight=parseInt(document.documentElement.scrollHeight);
if(isIe){
setSelectState('hidden');}
var back=document.createElement("div");
back.id="back";
var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";
styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";
back.style.cssText=styleStr;
document.body.appendChild(back);
showBackground(back,50);
var mesW=document.createElement("div");
mesW.id="mesWindow";
mesW.className="mesWindow"; /*控制弹出层TITLE的类*/
mesW.innerHTML="

<table width='100%' height='100%' style='background-

color:#ffffff;'>

"+wTitle+" <input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭'

/>

"+content+"
";

styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px;position:absolute;width:"+wWidth+"px;";
mesW.style.cssText=styleStr;
document.body.appendChild(mesW);
}
//让背景渐渐变暗
function showBackground(obj,endInt)
{
if(isIe)
{
obj.filters.alpha.opacity+=1;
if(obj.filters.alpha.opacity <endInt)
{
setTimeout(function(){showBackground(obj,endInt)},5);
}
}else{
var al=parseFloat(obj.style.opacity);al+=0.01;
obj.style.opacity=al;
if(al <(endInt/100))
{setTimeout(function(){showBackground(obj,endInt)},5);}
}
}
//关闭窗口
function closeWindow()
{
if(document.getElementById('back')!=null)
{
document.getElementById('back').parentNode.removeChild(document.getElementById('back'));
}
if(document.getElementById('mesWindow')!=null)
{
document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));
}

if(isIe){
setSelectState('');}
}

function testMessageBox1(ev)
{
var objPos = mousePosition(ev);
messContent="

组织两年内即将退休员工人数为

";
showMessageBox('数为',messContent,objPos,580,0);
[b]问题补充:[/b]
如何把不的DIV层的内容放进弹出层里?
[b]问题补充:[/b]
帮忙写全点呀

我不知道为什么,我把JS拿进去测试,有脚本错误?
[b]问题补充:[/b]


td align="center" style="width:120px" class="linebottom lineleft ">查看详细

我的弹出层事件就不能放了呀onclick="testMessageBox1

如何把两个联系起来呀

[b]问题补充:[/b]
是这样嘛a
[b]问题补充:[/b]
我把你的代码:

3.<br><br> 4. function dis(){<br><br> 5. var t=document.getElementsByTagName(&quot;div&quot;);<br><br> 6. for(i=0;i<t.length;i++){ <br> 7. if(t[i].style.background=="#fffffe"){ <br> 8. t[i].style.display="none"; <br> 9. } <br> 10. } <br> 11. } <br> 12. function aa1(){ <br> 13. dis(); <br> 14. document.getElementById("a1").style.display=""; <br> 15. } <br> 16. function aa2(){ <br> 17. dis(); <br> 18. document.getElementById("a2").style.display=""; <br> 19. } <br> 20. function aa3(){ <br> 21. dis(); <br> 22. document.getElementById("a3").style.display=""; <br> 23. } <br> 24.

25.

26.



27.


28.

29.

34.

37.

38.


30.a

31.


32.b

33.


35.c

36.


39.


40.

41.


42.
aaaaaaa


43.


44.


45.
bbbbbbb


46.


47.


48.
ccccc


49.


50.

51.

放进去测试

onclick="aa1(testMessageBox1(event))"
有弹出层,但是没有内容,有脚本错误,说没有对象
[b]问题补充:[/b]
它报我弹出DIV层的脚本错误pageX为空,
好像这里面定死了。
[b]问题补充:[/b]
哈哈 :idea: 帮帮我改改,以后会慢慢改进啦
[b]问题补充:[/b]
弹出层有出来但是遮层与显示层好像不同步,

DIV层内容好像始终都没有出现过?

function testMessageBox1(ev)
{
var objPos = mousePosition(ev);
messContent="

";
showMessageBox('要要',messContent,objPos,580,100);
}

不需要改吧
[b]问题补充:[/b]
当我点弹出层里空白处时,遮层后面就显示不全。

不知道是不是事件问题。

难道我点击时,DIV层内容会同步嘛

0

13个回答

这样写就行了

a

function aa1(ev)
{

testMessageBox1(ev);

.....

}

0
function divshow1(val) { if(val=="1") { document.getElementById("t1").style.display="block"; document.getElementById("t2").style.display="none"; document.getElementById("t3").style.display="none"; } else if(val=="2") { document.getElementById("t1").style.display="none"; document.getElementById("t2").style.display="block"; document.getElementById("t3").style.display="none"; } else { document.getElementById("t1").style.display="none"; document.getElementById("t2").style.display="none"; document.getElementById("t3").style.display="block"; } }

弹出层1

弹出层2

弹出层3

0

[code="java"]
function divshow(id)
{
//保存所有弹出层的div的id
var array = ['t1','t2','t3'];

for(var i = 0;i<array.length;i++)
{
    if(array[i] == id)
        document.getElementById(array[i]).style.display="block"; 
    else
        document.getElementById(array[i]).style.display="none"; 
}


} 

[/code]

0

用我这种方式,
//保存所有弹出层的div的id

var array = ['t1','t2','t3'];

这样不管有多少个div也很容易修改,只要增加id到这个数组就行了

0

隐藏其他的所有的层很简单
var t=document.getElementsByTagName("div")
把需要做这种动作的层的style的其中一个不太重要的属性设置成统一的属性 这样就可以先判断
if(t[i].style.xxx==xxx)
这样就可以避免隐藏掉不该隐藏的层了 呵呵
我通常用background这个属性 例如白色的表达有很多 可以用一个特殊的#fffffe作为这个层的标识颜色

0
xxxxx
0

那你干脆上传你的这个页面代码,帮你看看

0

[code="java"]

function dis(){ var t=document.getElementsByTagName("div"); for(i=0;i<t.length;i++){ if(t[i].style.background=="#fffffe"){ t[i].style.display="none"; } } } function aa1(){ dis(); document.getElementById("a1").style.display=""; } function aa2(){ dis(); document.getElementById("a2").style.display=""; } function aa3(){ dis(); document.getElementById("a3").style.display=""; }


aaaaaaa
bbbbbbb
ccccc


[/code]

0

你把testMessageBox1 放到aa方法里去执行不就行了

0

你把需要做的事都放到一个onclick响应函数里面不就好了 我这个就是个示意例子

0
共13条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js弹出(div)层
可以轻松实现在页面上弹出层的效果,用于弹出消息,登录窗口等,方便实用!
JS弹出层,js弹出DIV效果源码下载
运用了JQUERY 效果 大家可以看看 有什么问题源码里面有QQ联系方式可以加我 说明来意 谢谢
如何在DIV里JS动态添加iframe?
原本的代码是这样的:rn[code=HTML]rn rn rn[/code]rnrn我现在要做一些改动,网页里默认是rn[code=HTML]rn rnrn rn[/code]rn我想在DIV 里插入一个iframe,iframe参数是第一段代码所诉。rn并且我希望我每次点那个按钮,执行这个JS函数之后,iframe里的内容都是最新的。rn并且div里只能有一个iframe对象。(即使我恶意点击那个按钮)rnrn如何实现?rn
JS弹出DIV浮层.
JS弹出DIV浮层.
如何在div层里做链接
rn rnrn我想在 这层上做个链接,于是我将代码改为 rnrn可是上面代码无法实现链接。如何修改呢?请指教
div弹出层,根据参数不同div层显示不同内容
点击按钮,弹出一个div层,根据传的参数不同而显示不同的内容
js div 弹出层
js div简单的弹出层,带遮罩的,简单实用
JS与DIV弹出层实例!
为了设计GPS地图显示轨迹程序 为了查询某段时间的轨迹而想设计一个弹窗对话层 hihi /** * 弹出层css */ .pop { width: 80%; border: 1px #96D1DF solid; background: #fff; padding: 1px;...
js带尖角的div弹出层js带尖角的div弹出层
js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层
如何用js改变div里的样式
这段代码哪错了?为什么改不了div里的样式rnrnrnrn rnrnrn 文本rn点击rnrnrn
怎样让JS弹出DIV,并把JS里的变量值传到这个DIV里
怎样让JS弹出DIV,并把JS里的变量值传到这个DIV里
JS实现点击文本框弹出DIV层
[code=&quot;java&quot;] new page function crertdiv(_parent,_element,_id,_css){//创建层 var newObj = document.createElement(_element); if(_id &amp;&amp; _id!=&quot;&quot;)newObj.id=_id...
js弹出div层且锁屏
js弹出div层且锁屏,js弹出div层且锁屏,js弹出div层且锁屏,js弹出div层且锁屏,js弹出div层且锁屏,js弹出div层且锁屏
网页里在OCX控件之上弹出div层
解决了网页里在OCX控件之上不能显示层的问题。如果网页里有OCX控件,无论怎么设置z-indexd都无法覆盖在ocx之上。现在已经解决了 用到了1.easyui框架 2.ocx你可以注册你的ocx,替换网页里的CLASSID即可
js 创建div层
js 创建div层
js 循环遍历div层
机器看板                                            .nomorlcolor {color:green;}  /** 正常**/    .waitcolor {color:red;}  /** 待机 **/    .unlinkcolor {color:gray;}  /** 断开 **/
js控制div层
有一个导航,希望在鼠标移动到每一个选项的时候能显示出子项目。rn但由于不同显示器分辨率的原因,子项目显示的位置不能相对固定。rn目前,只针对800*768的实现:rn[code=JScript]#Layer1left:40px;rn#Layer2left:100px;rn#Layer3left:200px;rn#Layer4left:300px;rn#Layer5left:400px;rn#Layer6left:auto;right:80px;rn#Layer7left:auto;right:80px;rn[/code]rnrnjsp页面中:rn[code=CSS] rn rn rn rn rn rn rn rn rn rn rnrnrn rn rn rn rn rn rn rn rn rn rn rn rn rnrnrn rn rn rn rn rn rn rnrnrn rn rn rn rn rn rn rn rn rnrnrn rn rn rn rn rn rn rn rnrnrn rn rn rn rn rn rn rn rnrnrn[/code]rnrn希望在不同分辨率下div的相对位置能固定。rn恳请各位帮忙!
js 创建 div层
使用js创建div层 包含关闭坐标等,学要的可以参考一下,可能正常使用
搜索js里的方法
如果js里有个方法但是又不知道在文件里这样就可以用eclipse里的搜索 文件搜索
js里的方法
在写js代码的时候经常会遇到 需要写一个方法,然后在某处调用这个方法的情况 然而写着写着,发现创建方法的话,两种形式都可以。 var js=function(){}和function js(){}的区别 在Javascript中,函数及变量的声明都将被提升到函数的最顶部,也就是说我们可以先使用后声明, 但函数表达式和变量表达式只是将函数或者变量的声明提升到函数顶
菜鸟笔记之---js div 弹出层
js 弹出div层
div js css 弹出层代码
div js css 弹出层代码 简简单单几行 HTML代码原汁原味,欢迎试验
DIV弹出层+JS条件过滤
DIV 弹出层 JS 条件过滤 ,实时监控文本框内容对选择内容进行过滤
js带尖角的div弹出层
js带尖角的div弹出层 js带尖角的div弹出层 js带尖角的div弹出层 js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层
js如何往div里写div
原有html代码:rn...rn rn...rnrn我现在想在这个div里写 .rnrn完成后的效果如下:rn rn这个用js怎么实现?rn谢谢!
js里==和===有什么区别
==:运算符称作相等,用来检测两个操作数是否相等,这里的相等定义的非常宽松,可以允许进行类型转换 ===:用来检测两个操作数是否严格相等 1、对于string,number等基础类型,==和===是有区别的 不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等 同类型比较,直接进行“值”比较,两者结果一样 2、对于Array,Object等高级类型...
自动弹出js的层
rn[code=HTML]rnrnrn rn rn[/code]rnrnrn[code=HTML]rnrn 激活新层rnrn[/code]rnrnrn[color=#FF0000]以上的代码实现了点击“激活新层”,弹出js层的效果。rnrn现在想要的是不用点击“激活新层”,就可以自动弹出js层的效果。就是打开页面或者刷新页面就可以就可以自动弹出js层的效果。rn代码该如何改动呢?rn谢谢[/color]
js弹出自定义层
js弹出层 好用,自定义,可拖动
js 弹出div的问题
我有一个菜单,有A /B/C/D四项,现在是鼠标放在其中任意一项上面,它的右侧会弹出一个div(可以选择div上面的链接),鼠标移走(从父菜单或者子菜单),菜单收回。rnrn这个怎么做啊?
JS弹出一个DIV
小弟不才.请教各位大虾rn页面中有一个table中td盛放这A标签,A标签的onmouseover方法要实现如下功能rn1.弹出一个div 其中写入一些文字rn2.弹出的div要在这个td的下边,也就是说要通过onsetheight等属性先获得这个td的焦点.然后构造出一个一定尺寸的div 显示出来rn获得焦点刚刚弄明白- -如何构建div呢???
JS弹出的半透明层
&amp;lt;style&amp;gt; .mesWindow{border:#666 1px solid;background:#fff;} .mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;} .mesWindowC...
js弹出div大集合
顶尖的ajax弹出层效果,有greybox,lightbox,mf_lightbox...
js弹出div效果
简单的js弹窗效果 页面美观大气,使用各种页面风格 兼容多浏览器
【JS】点击弹出DIV
JS+CSS实现带关闭按钮的DIV弹出窗口 &lt;html&gt; &lt;head&gt; &lt;title&gt;JS+CSS实现带关闭按钮的DIV弹出窗口&lt;/title&gt; &lt;script&gt; function locking(){ document.all.ly.style.display="block"; document.a...
js弹出div修改密码
js弹出div修改密码
弹出js的层
[code=HTML]rnrn rnrnrn[/code]rnrnrn[code=C#]rn激活新层rnrn[/code]rnrnrn[color=#FF0000]以上的代码实现了点击“激活新层”,弹出js层的效果。 rnrn现在想要的是不用点击“激活新层”,就可以自动弹出js层的效果。rnrn我想在aspx网页的.cs里面写代码执行: rnrnPage.RegisterStartupScript(""," "); rnrn或者在head中另外写一个js来调用,在我想要的时候才弹出来。 rn rnrn结果上面的两种方法都不行,不知道如何该?rnrn谢谢[/color]
Js弹出div和关闭
Js弹出div和关闭Js弹出div和关闭Js弹出div和关闭Js弹出div和关闭Js弹出div和关闭
js弹出div demo
js 弹出div 选择想要的值 返回原来页面
JS DIV模式弹出
  在web前端开发中,某些情况下需要自定义弹出窗口。一般采用弹出DIV层的方式来实现这种效果,其基本原理是先弹出一个半透明的DIV空白层,使其长度和宽度等于html页面中body的长度和宽度。使其下层不可用,然后再弹出需要弹出的一个DIV信息层。    JS主要代码如下:    1.ShowMask函数是弹出遮挡层,SetMaskPos是设置遮挡层的位置; ShowMask(false, ...
如何在js里写html
js: 实现对id="block_table"的tbody 显示,并能够进行超链接 &lt;script&gt; $(function () { $("#block_table").empty(); var txt; var name="name"; txt = '&lt;tr &gt;' + ' &lt;td &gt;'+'&lt;a h...