السلام عليكم ورحمة الله وبركاتة
درس تغيير البنر بطريقة عشوائية كما يعمل في الإستايل حالياً مثـال
منتديات ذكريات
لايشترط تطبيق الدرس على المنتديات يمكن تطبيق الدرس على صفحة HTML عادية او إي صفحة PHP او غيرها
كود:
<SCRIPT LANGUAGE="JavaScript"> : بداية وسم جافا سكريبت
var how_many_ads = 4; : متغير حددنا له قيمة 4 وهي عدد صور البنر
var now = new Date() : متغير الوقت
var sec = now.getSeconds() : تحديد عدد الدقايق من متغير الوقت
var ad = sec % how_many_ads; : متغير يعود بناتج من عملية حسابيه وهي الوقت % عدد الصور
ad +=1;
if (ad==1) { : تحديد البنر الاول عندما يكون الناتج يساوي 1
banner="S.jpg"; : مسار صورة البنر
width="100%"; : عرض صورة البنر
height="311"; : ارتفاع صورة البنر
}
if (ad==2) { : تحديد البنر الثاني عندما يكون الناتج يساوي 2
banner="boy.jpg"; : مسار صورة البنر
width="100%"; : عرض صورة البنر
height="311"; : ارتفاع صورة البنر
}
if (ad==3) { : تحديد البنر الثالث عندما يكون الناتج يساوي 3
banner="tky.jpg"; : مسار صورة البنر
width="100%"; : عرض صورة البنر
height="311"; : ارتفاع صورة البنر
}
if (ad==4) { : تحديد البنر الرابع عندما يكون الناتج يساوي 4
banner="tky2009.jpg"; : مسار صورة البنر
width="100%"; : عرض صورة البنر
height="311"; : ارتفاع صورة البنر
}
</SCRIPT>
الكود السابق كود جافا سكريبت والمقابل الشرح لا يعمل عند نسخه
هذا الكود دون شـرح فقط يلزم تغيير مسار الصور
كود:
<SCRIPT LANGUAGE="JavaScript">
var how_many_ads = 4;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
banner="S.jpg";
width="100%";
height="311";
}
if (ad==2) {
banner="tky.jpg";
width="100%";
height="311";
}
if (ad==3) {
banner="boy.jpg";
width="100%";
height="311";
}
if (ad==4) {
banner="tky2009.jpg";
width="100%";
height="311";
}
</SCRIPT>
لطريقة إضافة بنر آخر
فقط اضف مع تغيير مسار الصور وتغيير رقم ( 4 ) للرقم المناسب لديك إي إلى 5 إذا كنت تريد اضافة 5 صور
كود:
if (ad==4) {
banner="tky2009.jpg";
width="100%";
height="311";
}
قبل نهاية وسم الجافا سكريبت </SCRIPT>
إلى الان لا يظهر شي من العمل هذه فقط متغيرات
هنا تنفيذ امر طباعة محتوى
كود:
<div align="center">
<table border="0" width="85.5%" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="right">
<p align="center">
<SCRIPT>
document.write('<img src="' + banner + '" width=')
document.write(width + ' height=' + height + ' ');
</SCRIPT>
</td>
</tr>
</table>
</div>
الكود واضح ومايحتاج شرح عباره عن تصميم جدول لكن المهم في هذا الكود هـو هذا الجزء
كود:
<SCRIPT>
document.write('<img src="' + banner + '" width=')
document.write(width + ' height=' + height + ' ');
</SCRIPT>
لا يلزم التغيير
للامانه الكود مقتبس من فكرة مشابهه لاحد الاخوان في منتديات سوالف سوفت للآسف ناسي اسمه لكن كل اللي اقدر اقوله جزاه الله خير
لمن لديه سؤال انا حاظر
يمكن تطوير الكود بتحديد وقت مثل الدقايق او الساعة او تاريخ اليوم او الشهر
فـ الكود جداً ممتاز ومنه افكار كثيرهـ
تحياتي . غزوان