تغطية مباشرة لأحداث منتدى الإعلام الجديد المقام بمدينة أبوظبي
هل تقترح تمديد مسابقة سوالف كاست؟

 

العودة   سوالف سوفت > قسم تطوير المواقع للمبتدئين > قسم إنشاء وصيانة المواقع للمبتدئين
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد  
 
LinkBack أدوات الموضوع
عضو في سوالف
تاريخ التسجيل: Nov 2005-
#1 (permalink)  
شرح استدعاء ملف جافا كما بالـ CSS


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

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

كود بلغة HTML:
<style type="text/css">
الستايلات
</style>
نحط في الهيدر

كود بلغة HTML:
<link rel="stylesheet" type="text/css" href="رابط الملف.css" />
وبداخل الملف نضع الستايلات

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

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

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

كود بلغة HTML:
<script type="text/javascript">
سكربت الجافا
</script>
نحط استدعاء ملف يكتب الاكواد في ملفات اخرى بالهدر

<-- سنسكريتي

كود بلغة HTML:
<script type="text/javascript" src="رابط ملف الجافا.js"></script>
ملف الجافا اللي امتداده JS

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

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

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

كالتالي

كود بلغة HTML:
document.write('<script type="text/javascript" src=".jsرابط الملف الاول"><\/script>');
document.write('<script type="text/javascript" src=".jsرابط الملف الثاني"><\/script>');
وتنشأ الملفات بالنوتباد ايضا

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

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

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

كود بلغة HTML:
<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>
تحط الجافا نفسه بس في الملف

كود بلغة HTML:
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


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

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






ليث الشرس غير متواجد حالياً   قديم 18-07-2007, 01:42 AM
رد مع اقتباس
عضو في سوالف
تاريخ التسجيل: Nov 2005-
#2 (permalink)  

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

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

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

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






ليث الشرس غير متواجد حالياً   قديم 18-07-2007, 01:44 AM
رد مع اقتباس
مشرف أخبار الإنترنت والتقنية ومناقشتها
تاريخ التسجيل: Nov 2005-
#3 (permalink)  

بارك الله فيك

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






__________________
- يا قلة حيلتك يا بني ادم ولا حول ولا قوة الا بك يالله
- اذا دامت لغيرك ما وصلت لك
- كذبت و كذبت فاإلى متى يا اخي !
Fast غير متواجد حالياً   قديم 18-07-2007, 02:18 AM
رد مع اقتباس
خبير JavaScript
تاريخ التسجيل: Jul 2002-
Blog Entries: 15
#4 (permalink)  

اقتباس:
المشاركة الأصلية كتبت بواسطة alshares.com

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

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






Zizwar غير متواجد حالياً   قديم 18-07-2007, 02:42 PM
رد مع اقتباس
مشرف خدمات البيع والشراء والإعلانات التجارية
تاريخ التسجيل: Jun 2005-
#5 (permalink)  

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






__________________
القوانين وضوابط الكتابة

ill always owe you , swalif :)

against all odds
arabSquad غير متواجد حالياً   قديم 18-07-2007, 08:28 PM
رد مع اقتباس
عضو في سوالف
تاريخ التسجيل: Nov 2005-
#6 (permalink)  

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

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






ليث الشرس غير متواجد حالياً   قديم 19-07-2007, 03:28 AM
رد مع اقتباس
رد


 

أدوات الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع
لا تستطيع كتابة ردود
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
CSS بسهولة (4) الزائر يختار الخط المناسب له! سردال تطوير الويب 14 20-06-2006 02:17 AM
كتاب تصميم وتطوير مواقع الانترنت saqr تطوير الويب 21 20-08-2004 09:34 AM
CSS بسهولة (2) سردال تطوير الويب 16 11-03-2004 04:28 AM
شرح طريقة تركيب ملف اللغة ( بالصور ) ســــاري إصلاح وصيانة المنتديات 7 23-02-2004 07:50 AM
CSS بسهولة (3) سردال تطوير الويب 11 29-04-2003 10:49 AM


الساعة الآن: 12:10 PM بتوقيت المملكة العربية السعودية