عندما يتعلق الأمر بـ Iframe ، فقد تكون قد ألقيته في زاوية منسية ، لكن ليس من الغريب التحدث عن إطار أخيها. علامات الإطار هي علامات الإطار. ما نسميه بنية متعددة الإطار هو عرض ملفات HTML متعددة في نافذة المتصفح. الآن ، نواجه موقفًا واقعيًا للغاية: إذا كان هناك برنامج تعليمي وقسم واحد في وقت واحد ، ويتم إجراء رابط إلى الأقسام السابقة والقادمة في نهاية كل صفحة. باستثناء المحتويات المختلفة لكل قسم ، فإن محتويات أجزاء أخرى من الصفحة هي نفسها. إذا قمت بعمل صفحة غبية على صفحة ، فإنها تبدو مزعجة للغاية. في هذا الوقت ، لديك فكرة مفاجئة. إذا كانت هناك طريقة للحفاظ على الأجزاء الأخرى من الصفحة دون تغيير ، وجعل البرنامج التعليمي فقط في صفحة محتوى لكل صفحة على حدة دون محتوى آخر. عند النقر فوق الرابط للرجوع لأعلى ولأسفل ، قم فقط بتغيير محتوى البرنامج التعليمي ، والحفاظ على الآخرين دون تغيير. وبهذه الطريقة ، يتمثل المرء في توفير الوقت ، وفي المستقبل ، إذا كان هناك تغيير في البرنامج التعليمي ، فهو مناسب جدًا أيضًا ، بحيث لا يؤثر على الجيش بأكمله ؛ الأهم من ذلك ، قم بتنزيل لافتة الإعلانات ، وقائمة الأعمدة ، والتنقل وغيرها من الأشياء التي تقارب كل صفحة تقريبًا مرة واحدة فقط ثم لم تعد تنزيلها.
يمكن استخدام علامات iFrame ، المعروفة أيضًا باسم علامات الإطار العائمة ، لتضمين مستند HTML في شاشة HTML. إنه يختلف عن الميزة الأكبر لعلامة الإطار ، أي ملف HTML المشار إليه بواسطة هذه العلامة لا يتم عرضه بشكل مستقل عن ملف HTML آخر ، ولكن يمكن تضمينه مباشرة في ملف HTML ، المخلوط مع محتوى ملف HTML هذا ليصبح كليًا. بالإضافة إلى ذلك ، يمكن عرض نفس المحتوى على صفحة عدة مرات دون الحاجة إلى تكرار المحتوى. استعارة حية هي تلفزيون صورة في الصورة.
الآن دعنا نتحدث عن استخدام علامات iFrame.
تنسيق الاستخدام لعلامات iframe هو:
<iframe src = عرض url = x height = x scrolling = [Option] FrameBorder = x> </frame>
SRC: المسار إلى الملف ، وهو إما ملف HTML ، أو نص ، ASP ، إلخ. ؛
العرض ، الارتفاع: عرض وارتفاع منطقة الصورة في الصورة ؛
التمرير: عندما لا يتم عرض ملف HTML المحدد لـ SRC في المنطقة المحددة ، فإن خيار التمرير. إذا تم ضبطه على لا ، فلن يظهر شريط التمرير ؛ إذا كان تلقائيًا: سيظهر شريط التمرير تلقائيًا ؛ إذا كان نعم ، فسيتم عرضه ؛
FrameBorder: عرض حدود المنطقة ، والذي يتم تعيينه غالبًا على 0 من أجل مزج الصورة في الصورة بالمحتوى المجاور.
على سبيل المثال:
<iframe src = http: //netschool.cpcw.com/homepage width = 250 height = 200 scrolling = no framborder = 0> </frame>
2. التحكم المتبادل بين شكل الأصل والإطار العائمفي لغة البرمجة النصية والتسلسل الهرمي للكائن ، تسمى Windows التي تحتوي على Iframes النماذج الأصل ، بينما تسمى الإطارات العائمة نماذج الطفل. من المهم فهم العلاقة بين هذين الاثنين ، لأنه للوصول إلى النماذج الطفل في النموذج أو العكس ، يجب أن تكون واضحًا حول التسلسل الهرمي للكائن من أجل الوصول إلى النموذج والتحكم فيه من خلال البرنامج.
1. الوصول إلى الكائنات والتحكم في شكل الطفل في نموذج الوالدين
في النموذج الأصل ، Iframe ، أي نموذج الطفل ، هو كائن طفل لكائن المستند ، ويمكن الوصول إلى الكائنات الموجودة في نموذج الطفل مباشرة في البرنامج النصي.
الآن هناك سؤال ، وهذا هو ، كيف يمكننا التحكم في هذا iframe؟ هنا نحتاج أن نتحدث عن كائن iframe. بعد تعيين سمة المعرف على هذه العلامة ، يمكننا استخدام نموذج كائن المستند DOM للتحكم في HTML الموجود في IFRAME.
على سبيل المثال ، قم بتضمين ملف test.htm في example.htm والتحكم في بعض الكائنات الموسومة في test.htm:
<iframe src = test.htm id = test width = 250 height = 200 scrolling = no framborder = 0> </frame>
رمز ملف test.htm هو:
<html>
<body>
<h1 id = myh1> مرحبًا ، ابني </h1>
</body>
</html>
إذا أردنا تغيير النص في علامة H1 مع رقم المعرف myh1 إلى مرحبًا يا عزيزي ، ثم:
document.myh1.innertext = مرحبًا ، عزيزي (حيث يمكن حفظ المستند)
في ملف example.htm ، فإن الشكل الفرعي المشار إليه بواسطة كائن علامة iframe يتسق مع نموذج كائن DHTML العام وطريقة التحكم في الوصول للكائن هي نفسها ، لذلك لن أكرره مرة أخرى.
2. الوصول والتحكم في الكائنات في النموذج الأصل في شكل الطفل
في نموذج الطفل ، يمكننا الوصول إلى الكائنات في النافذة الأصل من خلال كائن الوالد ، أي الوالد (الوالد).
على سبيل المثال. htm:
<html>
<body onClick = Alert (tt.myh1.innerhtml)>
<اسم iframe = tt src = frame1.htm width = 250 height = 200 scrolling = no framborder = 0> </frame>
<h1 id = myh2> مرحبًا ، زوجتي </h1>
</body>
</html>
إذا كنت ترغب في الوصول إلى نص العنوان برقم ID MyH2 في Frame1.htm وتغييره إلى Hello ، صديقي ، يمكننا كتابته مثل هذا:
parent.myh2.innertext = مرحبًا يا صديقي
هنا ، يمثل الكائن الأصل النموذج الحالي (النموذج حيث يوجد example.htm). تحتاج إلى الوصول إلى الكائنات في النموذج الأصل في شكل الطفل ، ويتم تنفيذ جميعها من خلال الكائن الأصل دون استثناء.
على الرغم من أن iframe مضمن في ملف HTML آخر ، إلا أنه يظل مستقلًا نسبيًا وهو عالم الاستقلال. الخصائص في HTML واحد هي أيضا مناسبة للإطارات العائمة.
فقط تخيل ، من خلال علامات iframe ، يمكننا تمثيل تلك المحتويات التي لا تتغير مثل Iframes ، بحيث لا توجد حاجة لتكرار نفس المحتوى. هذا يشبه إلى حد ما عملية أو وظيفة في البرمجة ، مما يوفر الكثير من العمل اليدوي المرهق! بالإضافة إلى ذلك ، من الأهمية بمكان أن تجعل تعديلات الصفحات أكثر جدوى ، لأنه لا يتعين عليك تعديل كل صفحة بسبب تعديلات التخطيط ، تحتاج فقط إلى تعديل تخطيط نموذج الأصل.
شيء واحد يجب ملاحظته هو أن متصفح NestScape لا يدعم علامات iframe ، ولكن في عالم IE ، يبدو أن هذا أمر جيد. يستخدم على نطاق واسع علامات iframe ، والتي لا تعتبر نفسها فقط (موقع الويب) وتوفر نفقات الإنترنت عبر الإنترنت. لماذا لا تفعل ذلك؟
الإطار العائم هو تعريف في مواصفات HTML4.0 ، وتدعم المستعرضات حاليًا.
على عكس القسم الذي يمثله FrameSet ، يوجد إطار عائم ككائن مدمج على صفحة ويب ، وأسلوبه يشبه الرسم البياني أو التطبيق على صفحة. يستخدم Floating Frame <Frame> علامة ، والذي يحتوي على معظم إعدادات السمة نفسها مثل <frame> ، بما في ذلك: الاسم ، SRC ، عرض الهامش ، الهامشهايت ، Frameborder ، والتمرير. في الوقت نفسه ، فإنه يحتوي أيضًا على نفس الطول والعرض ومحاذاة خصائص الرسومات أو التطبيقات.
علاوة على ذلك ، يتبع الإطار العائم نفس مبدأ الهدف مثل الإطار العادي: يمكننا أن نشير إليه باسمه. ينطبق هذا المبدأ على الإطارات العائمة في أي نوع من الإطار ، وإلا فمن السهل القيام به. يشير رابط بدون Traget في إطار عائم إلى نفسه ، في حين يشير رابط _parent إلى الإطار أو النافذة حيث يوجد المستند الذي يحتوي على <Frame>. على سبيل المثال:
<اسم iframe = floater src = start.htm عرض = 150 ارتفاع = 200 hspace = 10 align = left>
<img src = images/noframe.gif alt = لا يمكنك رؤية الإطار العائم
العرض = 150 ارتفاع = 200 hspace = 10 محاذاة = يمين>
</frame> <br>
<a href = one.htm target = floater> show one.htm </a> <p>
<a href = two.htm target = floater> show two.htm </a> <p>
<a href = start.htm target = floater> إعادة البدء. htm </a>
لاحظ أنه بالنسبة للمتصفحات التي تدعم علامات <Frame> ، سيتم تجاهل أي محتوى موجود بين <frame> و </iframe>. بدلاً من ذلك ، سيتم عرض المحتوى الموجود فيه ، والذي يمكن استخدامه لشرح أن المتصفح الحالي لا يدعم <frame>