فكرة بالجافا سكريبت

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






أو بطريقة أخرى
كاستعمال توابع موجودة بملف جافا سكريبت خارجي نحدد مصدره بالخاصية SRC في الوسم السابق
بالإمكان إدراج وسوم و تعليمات HTML إضافة للوسوم الثابتة عند أمر معين
فمثلا بإمكاننا ضمن صفحة HTML أن نكتب:






و من يعرف HTML يعرف ماذا يفعل وسم ال HTML السابق ضمن القوسين و الإشارتين ' '
الخلاصة سأذكرها في هذا العمل البسيط جدا:
لنفرض أننا نريد عرض جدول كقائمة في كل صفحات الموقع و عندما نريد تعديله لا نريد أن نقوم بتعديل كل الصفحات بل صفحة واحدة.
نفتح مستند نصي جديد
نكتب فيه التابع التالي:

function test()
{
document.write('
Main
Chose
');
return;
}

نحفظ الملف بامتداد JS و لنفرض اسمه كان test1.js
الآن في صفحة HTML و في القسم HEAD نضع الوسم التالي:





و في المكان الذي نريد أن نضع هذا الجدول نكتب الكود التالي:







و الآن جرب صفحة ال HTML
نستطيع وضع الكود التالي في كل صفحات الموقع و عند الحاجة لتغيير شيء منه نغير ملف الجافا سكريبت الخارجي فقط.

ملاحظة في الحالة التي كتبتها افترضت أني حفظت الملفين في نفس المسار و عدا ذلك يجب تحديد المسار الصحيح.



سلام الجهني
المنتديات

إضافة تعليق جديد

لا يسمح باستخدام الأحرف الانكليزية في اسم المستخدم. استخدم اسم مستخدم بالعربية

Restricted HTML

  • وسوم إتش.تي.إم.إل المسموح بها: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • تفصل السطور و الفقرات تلقائيا.
  • Web page addresses and email addresses turn into links automatically.

دعوة للمشاركة

موقع الأيهم صالح يرحب بالمشاركات والتعليقات ويدعو القراء الراغبين بالمشاركة إلى فتح حساب في الموقع أو تسجيل الدخول إلى حسابهم. المزيد من المعلومات متاح في صفحة المجتمع.