0

我有一个 javascript 变量(siteContents),我想用弹出的超链接向它添加一个动态 div。动态 div 有动态 div id 和动态框架 url。激活动态 div 的按钮也有动态名称和动态值。

谁能告诉我如何将动态 div 及其按钮添加到 siteContents 变量?

这是我想添加到我的 siteContents 变量的动态 div:

<div id="mangodiv" style="display:none">
<li>
<iframe src="http://www.mysite.com/?itemid=mango&bgcolor=white" style="border: medium none;" height="300" width="450"></iframe><br>
</li>
</div> 

这是激活上述动态 div 的超链接。我也想将它添加到我的 siteContents 变量中:

<li><a href="#" onClick="divwin=dhtmlwindow.open('divbox', 'div', 'mangodiv', 'mango', 'width=450px,height=300px,left=200px,top=150px,resize=1,scrolling=1'); return false"><b>popup div</b></a></li>

这是激活弹出 div 的部分:

<head>
<link rel="stylesheet" href="windowfiles/dhtmlwindow.css" type="text/css" />

<script type="text/javascript" src="windowfiles/dhtmlwindow.js">
</script>
</head> 

当前变量:var itemName = 'mango'

var siteContents = "<li>"
   +"<iframe src='https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTeUusgzharBX4HTwmQHNZOimpaCGRBx4CLKNJAiLjUVi12VN66' height=200 width=200 style='border: none;'></iframe><br>"
   +"<div class='details'>"
   +"<div class='title'>"
   +"<a href='https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTeUusgzharBX4HTwmQHNZOimpaCGRBx4CLKNJAiLjUVi12VN66' target=\"_blank\"'>"+itemName+"</a><br>"
+"</div></div></li>";
 document.getElementById("myDiv").innerHTML += siteContents;
<ul id="myDiv"></ul> 

我试过了,但在点击按钮之前所有隐藏的 div 都显示了!

var itemName = 'mango'

    var siteContents = "<li>"
       +"<iframe src='https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTeUusgzharBX4HTwmQHNZOimpaCGRBx4CLKNJAiLjUVi12VN66' height=200 width=200 style='border: none;'></iframe><br>"
       +"<div class='details'>"
       +"<div class='title'>"
       +"<a href='https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTeUusgzharBX4HTwmQHNZOimpaCGRBx4CLKNJAiLjUVi12VN66' target=\"_blank\"'>"+itemName+"</a><br>"

     += " <div id=\"mangodiv\" style=\"display:none\">";
     += "<li>";
     += "<iframe src=\"http:\/\/www.mysite.com\/?itemid=mango&bgcolor=white\" style=\"border: medium none;\" height=\"300\" width=\"450\"><\/iframe><br>";
     += "<\/li>";
     += "<\/div> ";
    += "<a href=\"#\" onClick=\"divwin=dhtmlwindow.open('divbox', 'div', 'mangodiv', 'mango', 'width=450px,height=300px,left=200px,top=150px,resize=1,scrolling=1'); return false\"><b>popup div<\/b><\/a><\/li>";
4

0 回答 0