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