הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   תכנות - מדריכים, code snippets (https://hosts.co.il/forums/forumdisplay.php?f=68)
-   -   [מדריך] HTML - שימוש בIFrames (https://hosts.co.il/forums/showthread.php?t=202)

WebProject 05-10-05 00:44

[מדריך] HTML - שימוש בIFrames
 
אז למה לא אמרת? הנה מדריך קטנטון:

אייפריים נראה בצורה הבאה:

PHP קוד:

<iframe>
טקסט למשתמשים שהדפדפן שלהם לא פועל
</iframe

לתגית iframe ישנם מספר תכונות:

frameborder
width
height
src
name

וכמובן עוד הרבה שלא צוינו

התכונה הראשונה:

frameborder - תגית זאת קובעת את גבול הפריים, על מנת שלא יהיה גבול, ניתן להציב "0"
width,height - תכונות הקובעות את אורך ורוחב האייפריים
src - הקובץ הראשי שיופיע באייפריים
name - שם האיפריים

דוגמא לאייפריים:

PHP קוד:

<iframe src="main.htm" width="500px" height="500px" name="frame" frameborder="0">
הדפדפן שלך אינו תומך במסגרות מוטבעות
</iframe

לאחר מכן, אנו רוצים שכאשר נלחץ על קישור, הוא לא יפתח בדף חדש, אלא יפתח זאת במסגרת המוטבעות\iframe.

עושים זאת בעזרת תכונה target של a.

דוגמא:

PHP קוד:

<iframe src="main.htm" width="500px" height="500px" name="frame" frameborder="0">
 
הדפדפן שלך אינו תומך במסגרות מוטבעות
 
</iframe>

<
a href="other.htm" target="frame">הקישור</a

frame - שם האייפריים.



מקווה שמדריך זה יעזור לרובכם :)

Raz 05-10-05 07:52

התג IFRAME לא תקין ע"פ w3

יש איזה תג אחר אבל שכחתי מהו
object אני חושב שקוראים לו

WebProject 05-10-05 08:13

אתה צודק, אבל אני לא כותב כאן מדריך לתקן, אלא לאייפריימים, אני מקווה בעוד מספר מדריכים, לכתוב מדריך אורך לתקן :)

liorwohl 05-10-05 13:37

אייפרים תקני
 
כדי לעשות את זה בצורה תקנית עושים ככה:

<object data="KTOVET" type="text/html" style="width:100%;height:23px"></object>

זה המקבילים של אלה:

frameborder - אין, עושים בcss בדף שבתוך הפריים ( html,body{border:0} ) צריך רק לאקספלורר
width - אפשר ככה כרגיל, אבל מומלץ בCSS
height - אותו דבר כמו width
src - מתחלף ל data
name - מתחלף ל ID, אם זה בשביל JS אז צריך לעדכן גם שמה.

יש גם משהו עם מרגין ששמים על תגית iframe, אין כזה לobject, עושים עם CSS לדף שבפריים
( body{margin:0;padding:0} )

את הtype אפשר לשנות למשהו אחר, למשל לשל תמונה,
ואז זה בעצם מחליף את התגית IMG (וזה באמת יהיה ככה בXHTML 2.0)
אבל לIE הדפוק עוד יש בעיות עם זה..

אפשר לשים שמה כל TYPE שרוצים, ואם לדפדפן אין בעייה עם הTYPE הזה, זה יפעל.


Inuyasha 05-10-05 14:01

את מי זה מעניין, אם זה תקין או לא?
העיקר שזה עובד טוב. חוץ מזה, אחלה מדריך - יעזור להרבה.

liorwohl 05-10-05 14:18

ציטוט:

נכתב במקור על ידי Inuyasha
את מי זה מעניין, אם זה תקין או לא?
העיקר שזה עובד טוב. חוץ מזה, אחלה מדריך - יעזור להרבה.

מי שלא חאפר בדרך כלל זה מעניין אותו..


כל הזמנים הם GMT +2. הזמן כעת הוא 07:32.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ