0

「forループ」を使用してgetjsonを複数回呼び出して応答を取得し、div内に販売中のアイテムを表示したいと考えています。現在、私のコードは各フレームのすぐ右側にアイテム名を表示していますが、以下のコードブロックのように iframe の下にアイテム名を表示したい:

私のコードが現在出力しているものの代わりに出力したいが、方法がわからないサンプルdivアイテム：

<li>
       <iframe src='http://bsite.com/itemshow.php?pen' height=200 width=200 style='border: none;'></iframe><br>
        <div class="details">
        <div class="title">
          <a href="/pen/">pen</a>
        </div>
        </div>
    </li>

各ダイブ項目の下に項目名を追加して (上記のコード ブロックと同じように)、div の数を 1 行あたり 5 つに制限する方法を教えてください。

現在 div を表示するコードの一部:

var siteContents2 = "<iframe src='http://bsite.com/itemshow.php?"+itemName' height=200 width=200 style='border: none;'></iframe>"+itemName;

document.getElementById("myDiv").innerHTML += siteContents2;

完全なコード: 

function GetJSONResult(itemName)
{
$.getJSON('http://anyorigin.com/get?url=http://asite.com/checkit.php'+ itemName + '/&callback=?', function(data){

       var siteContents = data.contents;      
  //writes to textarea  
  document.myform.outputtext.value = siteContents ;  

var n=siteContents.search("This item is not on sale");

if(n===-1)
    {
     //alert("This item is on sale. n:"+n);

var siteContents2 = "<iframe src='http://bsite.com/itemshow.php?"+itemName' height=200 width=200 style='border: none;'></iframe>"+itemName;

document.getElementById("myDiv").innerHTML += siteContents2;
};
});  

};

items=["pen","book","paper","ink","tshirt","map"];

for (var i=0;i<items.length;i++)
{
//document.write(i+")"+items[i] + "<br>");

GetJSONResult(items[i]);
}


</script>   
</head>

<body>

  <div id="myDiv"></div>
4

1 に答える 1