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

مثال

<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)

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

]]> http://www.alshabakahnet.com/2010/09/09/random-banner-javascript/feed/ 0 http://www.alshabakahnet.com/2010/06/24/arabic-calendar-javascript/ http://www.alshabakahnet.com/2010/06/24/arabic-calendar-javascript/#comments Fri, 25 Jun 2010 05:49:26 +0000 طلال عمران http://www.alshabakahnet.com/?p=234

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

الكود

/*حقوق التعريب محفوظة
(www.alshabakahnet.com)
موقع الشبكة نت
*/
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("الأحد","الأثنين","الثلاثاء","الإربعاء","الخميس","الجمعة","السبت")
var montharray=new Array("يناير","فبراير","مارس","ابريل","مايو","يونيو",
"يوليو","اغسطس","سبتمبر","اكتوبر","نوفمبر","ديسمبر")
document.write("<b>"+dayarray[day]+" "+daym+" "+montharray[month]+", "+year+"</b>")

واليك عزيزي شرح مبسط للكود البرمجي:

المتغير var dayarray وهو عبارة عن مصفوفة array تحتوي على ايام الإسبوع و المتغير montharray وهو ايضا عبارة عن مصفوفة تحتوي على الأشهر كما تعلم, و اخيرا من خلال المتغيرين من خلال هذا السطر:

document.write("<b>"+dayarray[day]+" "+daym+" "+montharray[month]+", "+year+"</b>")

نأمر المتصفح بكتابة اليوم ثم تاريخ اليوم ثم الشهر ثم السنة.

وهذه كل القصة.