هناك من يتسائل عن كيفية وضع بانر عشوائي بموقعه بحيث كلما اعدت تحديث الصفحة يظهر بانر جديد بنفس المكان المخصص للبانرات, هذه ميزة لغة جافا سيكربت انها مرنة و تعطيك الحل الشافي بإذن الله تعالى.

مثال

<script LANGUAGE="JavaScript"><!--
// الحقوق محفوظة لموقع الشبكة نت -->
<!-- //www.alshabakahnet.com -->

<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
url="http://www.site1.com";
alt="اسم الموقع الاول";
banner="http://www.site1.com/banner1.jpg";
width="468";
height="60";

}
if (ad==2) {
url="http://www.site2.com";
alt="اسم الموقع الثاني";
banner="http://www.site2.com/banner2.jpg";
width="468";
height="60";

}

if (ad==3) {
url="http://www.site3.com";
alt="اسم الموقع الثالث";
banner="http://www.site3.com/banner3.jpg";
width="400";
height="60";

document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('</center>');
// End
// --></script>

الشرح

لنأخذ هذا المثال و نفصله بحيث اننا نتعلمه ن نجري التحديثات متى اردنا ان شاء الله.

• المتغير var how_many_ads = 3; يعني ان عدد الإعلانات ثلاثة في مثالنا السابق.
• المعامل if (ad==1) يعني الإعلان الاول.
• المعامل url=”http://www.site1.com”; يعني عنوان الموقع الأول.
• المعامل alt=”اسم الموقع الاول”; يعني وصف الرابط مثلا هنا اسم الموقع.
• المعامل banner=”http://www.site1.com/banner1.jpg”; يعني مصدر البانر بمعنى آخر مكان الصورة المستخدمة كبانر.
• المعاملين width=”468″; و  height=”60″; يعنيان عرض البانر و ارتغاعة.

كود

document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('</center>');
// End
// --></script>

تعني السطور السابقة ايعا المتصفح اجمع لي البانر مع مصدرة و الوصلة المؤدية اليه و الوصف مع حجم البانر و افتحه في نافذة جديدة.

ولكن ماذا لو اردنا اضافة بانر رابع؟

انسخ الكود التالي:

if (ad==3) {
url="http://www.site3.com";
alt="اسم الموقع الثالث";
banner="http://www.site3.com/banner3.jpg";
width="400";
height="60";

و اجعله تحت السطر رقم 26 و غير if (ad==3) الى الرقم 4 يعني يصبح الكود كالتالي if (ad==4)

اتمنى ان اكون وفقت في شرح الكود و المثال بسيط جدا اعزائي.

المواضيع المشابهة

• بانر سيد الشهداء
• تقويم عربي بلغة الجافاسيكربت Javascript