我有一个 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>";