いろいろ探しましたが、うまくいっておりません。サイトのトップページに商品リンクを張る予定で、数十個ある商品リンクをランダムに5個表示(重複不可)させようと考えています。それぞれの商品リンクは、中はサムネイル画像、商品名、商品説明、価格といった感じです。 5個の～をランダムに表示させるjavascriptは、どのように記述したらよいのでしょうか？よろしくお願いいたします。

div要素内の画像およびテキストリンクのランダム複数表示

解決済

質問者：hirore
質問日時：2009/03/30 23:29
回答数：1件

いろいろ探しましたが、うまくいっておりません。
サイトのトップページに商品リンクを張る予定で、
数十個ある商品リンクをランダムに5個表示(重複不可)させようと考えています。
それぞれの商品リンクは、
<div class="item">
中はサムネイル画像、<div>商品名</div>、<div>商品説明</div>、<div>価格</div>
</div>
といった感じです。
5個の<div class="item">～</div>をランダムに表示させるjavascriptは、
どのように記述したらよいのでしょうか？
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： _pipi_
回答日時：2009/03/31 09:34

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<title>サンプル</title>

<ul id="p">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>

<script type="text/javascript">
//@cc_on

window./*@if(@_jscript)attachEvent('on'+ @else@*/addEventListener(/*@end@*/'load', function () {
var a=document.getElementById('p'),c=a.childNodes,i=0,o,j=0,n=5;
while(o=c[i++])if(1!=o.nodeType)a.removeChild(o);
i=a.childNodes.length;
while(i)a.appendChild((c[r=Math.random()*i--|0].style.display=j++<n?'block':'none',c[r]));
}, false);

</script>