Iframe

  • November 2019
  • PDF

This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA


Overview

Download & View Iframe as PDF for free.

More details

  • Words: 335
  • Pages: 2
‫‪iFrameiFrame‬‬ ‫הקדמה‪:‬‬ ‫בכדי לראות את הטאגים הבאים שכתובים במדריך‪ ,‬יש לפתוח את תוכנת ה ‪,Notepad‬‬ ‫לכתוב את הטאג‪ ,‬לשמור בשם ‪ Name.html‬ולפתוח עם הדפדפן‪.‬‬ ‫מהו ‪?iFrame‬‬ ‫‪ iFrame‬הוא טאג ב ‪ HTML‬שיוצר חלון נוסף בתוך הדף שלנו‪,‬‬ ‫כמו דפדפן נוסף רק ללא האופציות שלו‪ ,‬פשוט דף אינטרנט נקי‪ .‬באתרים הפשוטים בעיקר‬ ‫עובדים איתו‪ ,‬כי הוא נוח מאוד‪ .‬במקום לתכנת ‪ 20‬עמודים כל עמוד מחדש‪ ,‬אפשר פשוט לשים‬ ‫באמצע העמוד חלון ‪ ,iFrame‬ולכתוב בו רק את הטקסט ולפתוח את שאר העמודים באותו חלון‪.‬‬ ‫לדוגמא יש לי אתר מידע‪ ,‬שאני צריך להביא מידע על ‪ 20‬אתרים‪ .‬במקום לתכנת כל דף מחדש‪,‬‬ ‫אני יכול לכתוב את הטקסט בלבד‪ ,‬ולהביא קישור שיפתח אותו באייפרים‪ .‬תיכף תבינו על מה אני מדבר‪.‬‬ ‫איך יוצרים אותו?‬ ‫ככה מתחיל הטאג‪:‬‬ ‫קוד‪:‬‬ ‫>‪<iframe‬‬

‫ככה מסתיים הטאג‪:‬‬ ‫קוד‪:‬‬ ‫>‪
‫אנחנו יכולים כמובן וחייבים להכניס בו כל מיני הגדרות‪ ,‬כמו ‪( Height‬אורך) ו ‪( Width‬רוחב) וכמובן‬ ‫‪( Name‬שם) ‪ .‬אני רוצה נגיד אורך ‪ ,200‬ורוחב ‪ ,400‬ולקרוא ל ‪ iFrame‬שלי‪ .iFrame :‬נעשה זאת כך‪:‬‬ ‫קוד‪:‬‬ ‫>"‪<iframe width="400" height="200" name="iframe‬‬

‫עכשיו יש לנו חלון באורך ‪ 200‬ורוחב ‪ 400‬על המסך‪ .‬אפשר להוסיף עוד הגדרות‪:‬‬ ‫‪ - FrameBorder‬מסגרת‬ ‫‪ - Src‬שיפתח בו אתר כלשהו על ההתחלה בלי לחיצה על קישור‬ ‫אני רוצה את ה ‪ iFrame‬שלי כך‪ :‬שם ‪ ,Daniel -‬אורך ‪ ,200 -‬רוחב ‪ ,400 -‬מסגרת ‪ -‬ללא (‪,)0‬‬ ‫ועל ההתחלה שיפתח לי את האתר ‪ . http://www.google.co.il‬נעשה זאת כך‪:‬‬ ‫קוד‪:‬‬ ‫"‪<iframe frameborder="0" width="400" height="200" name="Daniel‬‬ ‫>"‪src="http://www.google.co.il‬‬

‫אחלה‪ ,‬יש לי את מה שרציתי‪ .‬עכשיו אני רוצה להביא תפריט שיהיה כתוב בו‪ :‬ואללה! | גוגל‪.‬‬ ‫ברגע שילחצו על "ואללה!" זה יפתח לי את האתר ‪ , http://www.walla.co.il‬וברגע שנלחץ‬ ‫על "גוגל" זה יפתח לנו בחזרה את ‪. http://www.google.co.il‬‬

:‫קוד‬ ‫<גוגל‬/a>
‫<ואללה‬/a>

‫ שהיא אומרת‬,)‫ (מטרה‬target ‫) הוספתי את ההגדרה‬a( ‫ בהגדרות של הקישור‬,‫שימו לב‬ .‫ קראתי לו בשם הזה‬,‫ שלי‬iFrame ‫ כי זה ה‬Daniel ‫ במקרה הזה כתבתי‬.‫לקישור באיזו מטרה להפתח‬ :‫להלן הקוד המלא‬ :‫קוד‬ <iframe frameborder="0" width="400" height="200" name="Daniel" src="http://www.google.co.il">
‫<גוגל‬/a>
‫<ואללה‬/a>

.‫מקווה שהנושא הזה ברור‬

Related Documents