تغییر محتوای table به صورت تصادفی در هر load شدن

nabiloo · Mar 25, 2013

با عرض سلام و تبریک سال نو خدمت دوستان
تو طراحی یک صفحه وب به مشکلی برخوردم که نتونستم جوابشو پیدا کنم، به همین خاطر اینجا عنوان می کنم.
یک table هست که 6 ستون و 6 ردیف داره و داخل هر cell یک عکس کوچک و متفاوت قرار می گیره(مثلا عددها از 1 تا 36 که به صورت gif هستن و جدا از هم)... اگه بخوام این table هر دفعه به صورت تصادفی جای عکس هارو عوض کنه باید چیکار کنم؟؟؟
:rose:

farik · Mar 27, 2013

باسلام..
دوست عزیز شما شماره عکس ها رو میزاری اسم فایلت..این کد فکر کن بهت به قدر کافی بهت ایده بده:
[HTMLS]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script>
i=0;
var a=new Array() ;
code='';
var rpt;
num=7;
while(i<num){
rpt=false;
tmp=parseInt(Math.random()*num);
for(j=0;j<a.length;j++){
if(tmp==a[j]){
rpt=true;
break;
}
}
if(!rpt){
a=tmp;
i++;
}
}
c='';
for(j=0;j<a.length;j++){
c+=a[j]+'<br>';
}
document.write(c);

</script>
</body>
</html>

[/HTMLS]
موفق باشید..

nabiloo · Mar 27, 2013

ممنون از پاسخ شما..
اما خیلی کلی بود، و اینکه من اعداد رو مثال آوردم... عکس ها عدد نیستند...
فرض کنید مربع های رنگی هستند، با رنگهای مختلف...
و مهم تر اینکه داخل یک table نمایش داده بشن.

farik · Mar 28, 2013

باسلام..
دوست عزیز گفتم ازش ایده بگیرین..شما میاین هر سطر تیبل رو تو یک خونه آرایه میذارین..بعد index آرایه وقت چاپ شدن رو میذارین محتویات آرایه رندمی که ساختم..بعدش هم با یک حلفه کلش رو میپیمایید..
موفق باشید..