弹出窗口关闭后如何显示成功消息?

时间:2012-06-09 15:12:59

标签: javascript html replace popup

我有javascript代码替换Div代码...

<script type="text/javascript">
  function showPopup(url) {
   newwindow=window.open(url,'Image        
Share','height=490,width=850,top=200,left=80,resizable');
    if (window.focus) {newwindow.focus()}
      }
    function replace() {
  document.getElementById("div1").style.display="none";
  document.getElementById("div2").style.display="block";
}
</script>



<div id = "div1" style="display:block" onclick = "replace()">
 123123123
 </div>

 <div id = "div2" style="display:none">454545454 </div>

只有我这样做才有效。如果我在同一页面上重复这样的话:

<!-- -------1------- -->

<div id = "div1" style="display:block" onclick = "replace()">
123123123
</div>
<div id = "div2" style="display:none">454545454 </div>


<!-- -------2------- -->

<div id = "div1" style="display:block" onclick = "replace()">
123123123
</div>
<div id = "div2" style="display:none">454545454 </div>

<!-- -------3------- -->

<div id = "div1" style="display:block" onclick = "replace()">
123123123
</div>
<div id = "div2" style="display:none">454545454 </div>

然后它不起作用。

我在"div1"中有超链接。我想在弹出窗口关闭后替换它,并用成功消息替换它,或者在弹出窗口打开后禁用超链接。

1 个答案:

答案 0 :(得分:0)

这不起作用,因为你多次使用相同的id,元素的id只能使用一次,所以你必须将重复元素id更改为div3和div4等...