اضافة بانر عشوائي بالجافا سيكربت

أنت موجود في: الرئيسية » JAVASCRIPT » اضافة بانر عشوائي بالجافا سيكربت

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

مثال


<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('');
document.write('<a href="' + url + '" target="_blank">');
document.write('<img src="' + banner + '" border="0" alt="" width=") document.write(width + " height=" + height + " />
');
document.write('');
// End
// -->

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

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

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


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)

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

إقرأ ايضا