۱۳۹۷ بهمن ۲۴, ۰۵:۱۲ ب.ظ
سلام
کد زیر رو در نظر بگیرین:
اگه کدمون اینطوری باشه:
<div id="m1"></div>
<div id="m2"></div>
<div id="m3"></div>
<div id="m4"></div>
...
میخوام وقتی روی هر کدوم کلیک شد ، بقیه مخفی بشن و فقط همون div نشون داده بشه
وقتی این تعداد محدود باشه مشکلی نیست:
ولی مسئله اینجاست که مقدار $i متغیر و زیاد هست. مثلا اگه 100 تا دیو داشته باشیم چی؟ کدنویسیش خیلی خیلی زیاد میشه
راهی هست بشه اینکار رو کرد؟
کد زیر رو در نظر بگیرین:
کد:
<a onclick="graf(<?=$i?>);">ثبت</a>
<div id="m<?=$i?>" style="display:none;position:absolute;float:right;top:10px;"></div>
<script type="text/javascript">
function graf(id) {
document.getElementById("m"+id).style.display = "block";
}
</script>
<div id="m1"></div>
<div id="m2"></div>
<div id="m3"></div>
<div id="m4"></div>
...
میخوام وقتی روی هر کدوم کلیک شد ، بقیه مخفی بشن و فقط همون div نشون داده بشه
وقتی این تعداد محدود باشه مشکلی نیست:
کد:
document.getElementById("m1").style.display = "block";
document.getElementById("m2").style.display = "none";
document.getElementById("m3").style.display = "none";
document.getElementById("m4").style.display = "none";
ولی مسئله اینجاست که مقدار $i متغیر و زیاد هست. مثلا اگه 100 تا دیو داشته باشیم چی؟ کدنویسیش خیلی خیلی زیاد میشه
راهی هست بشه اینکار رو کرد؟