شرح استدعاء ملف جافا كما بالـ CSS

[ليث الشرس]

من المعروف استدعاء ملف الستايل او CSS بالهدر

يعني احنا بدل ما نحط في الهيدر

<style type="text/css">
الستايلات
</style>

نحط في الهيدر

<link rel="stylesheet" type="text/css" href="رابط الملف.css" />

وبداخل الملف نضع الستايلات

هذا شي معروف ولكن مالايعرفه البعض وخصوصا المبتدئين

هو استدعاء ملف الجافا سكربت وبداخله ملفات الجافا سكربت كلها المستخدمة بالموقع

بدل ما نحط في الهيدر الجافا

<script type="text/javascript">
سكربت الجافا
</script>

نحط استدعاء ملف يكتب الاكواد في ملفات اخرى بالهدر

<-- سنسكريتي :court:

<script type="text/javascript" src="رابط ملف الجافا.js"></script>

ملف الجافا اللي امتداده JS

نسويه بالنوتباد

ونحط فيه روابط ملفات الجافا كلها

يعني هو يكتب الاكواد المطلوبة اللي موجودة في ملفات اخرى

كالتالي

document.write('<script type="text/javascript" src=".jsرابط الملف الاول"><\/script>');
document.write('<script type="text/javascript" src=".jsرابط الملف الثاني"><\/script>');

وتنشأ الملفات بالنوتباد ايضا

ولكن انتبه ان لا تضع بداية الجافا ونهايته في ملفات الجافا

يعني تحط الجافا نفسه

مثلا لو كان الجافا هذا تبع كتابة الاخبار

<script language="JavaScript" type="text/javascript">

var theCharacterTimeout = 80;
var theStoryTimeout     = 700;
var theWidgetOne        = "_";
var theWidgetTwo        = "-";
var theWidgetNone       = "";
var theLeadString       = "";
var theSummaries = new Array();
var theSiteLinks = new Array();
var theItemCount =  2;
			
theSummaries[0] = "التعليم الفني يقدم دورات تقنية وقيادية لنادي مسارات بمدارس المنارات ";
theSiteLinks[0] = "http://www.gotevot.edu.sa/general/madenah.htm";
theSummaries[1] = "أمير عسير يستعرض مشاريع التعليم الفني مع معالي المحافظ";
theSiteLinks[1] = "http://www.gotevot.edu.sa/newsdetails.aspx?id=690";

startTicker();

</script>

تحط الجافا نفسه بس في الملف

var theCharacterTimeout = 80;
var theStoryTimeout     = 700;
var theWidgetOne        = "_";
var theWidgetTwo        = "-";
var theWidgetNone       = "";
var theLeadString       = "";
var theSummaries = new Array();
var theSiteLinks = new Array();
var theItemCount =  2;
			
theSummaries[0] = "التعليم الفني يقدم دورات تقنية وقيادية لنادي مسارات بمدارس المنارات ";
theSiteLinks[0] = "http://www.gotevot.edu.sa/general/madenah.htm";
theSummaries[1] = "أمير عسير يستعرض مشاريع التعليم الفني مع معالي المحافظ";
theSiteLinks[1] = "http://www.gotevot.edu.sa/newsdetails.aspx?id=690";

startTicker();

وتعيد التسمية الى .js

الخلاصة

عندك ملف الجافا اللي يكتب اكواد الجافا

تستدعيه عن طريق الكود اللي بالهدر

وملفات الاكواد

طبعا كلهم .js

وشرحتلكم كيف تكتبوهم

طولت مع ان السالفه ما تستاهل بس حاس محد فاهم علي :eek3:

[ليث الشرس]

الفائدة من استدعاء الملف ..

هو اذا بتستخدم الملف في صفحات عديدة ولا تريد تعديلها واحدة واحدة

.......... مع انه تستطيع القيام بذلك عن طريق REPLACE

وايضا فائدة اخرى هي اذا يتم استدعاء الكود من موقعك في مواقع اخرى

[أحمد خلف]

بارك الله فيك

اعتقد ايضاً يقلل من حجم الصفحة صحيح ام انا مخطأ

[Zizwar]

طولت مع ان السالفه ما تستاهل بس حاس محد فاهم علي :eek3:

استسمحنى في أن أنقله لقسم صيانة المواقع للمبتدئين مع الإبقاء برابطه في قسم البرمجة القياسية
وجزاك الله خيرا على هذا الشرح الوافي، وما لهذا الدرس من أهمية في تقليص حجم الصفحة، فعندما تضع ملف css او js منفصل، فإن يخزن في جهاز الزبون ولا يعاد تحميله في كل مرة استدعينا فيها الصفحة

[arabSquad]

شرح جداً ممتاز عزيزي ليث سلمت يداك

[ليث الشرس]

شكرا اخي عبدالرحمن للمرور

الاخ Zizwar .. افعل ماتشاء الموضوع كله تحت امرك .. وشكرا للاضافه طارت من بالي وماكتبتها