Scribd Logo
Upload

Welcome to Scribd!

  • Frames: An Overview

    Uploaded by

    Muhammad Yasir Imam
    7 views11 pages

    Original Title

    lecture 6

    Copyright

    © © All Rights Reserved

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views11 pages

    Frames: An Overview

    Uploaded by

    Muhammad Yasir Imam

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 11

    Frames

    An overview
    Why frames
    • Frames allow you to show several
    documents in one page.
    • Useful for navigation.
    • Useful for attaching pages from other sites.
    The Tags
    • There are 3 tags you need to know for
    frames: <frameset>, <frame> and
    <noframe>
    • <frameset>and <noframe> must always be
    closed. <frame> does not.
    <frameset>
    • Function: define a collection of frames
    • Main Attributes: Cols, rows
    • Other Attributes: border, bordercolor, class,
    id, style, title, frameborder, framespacing,
    • Javascript Attributes: onblur, onfocus,
    onload, onunload
    Rows, cols
    • By pixel: rows=“100,200,100”
    – With variable: rows=“20,*,20”
    • By percentage: rows=“25%,50%,25%”
    – With variable: rows=“20%,10%,*”
    <frame>
    • Function: define a single frame in a
    <frameset>
    • Main Attributes: src, id
    – src: the url for the page to display
    – id: a name for the frame for later reference
    – scrolling = yes or no
    <noframe>
    • Function: Supply content for non-frame-
    capable browsers
    <html>
    <frameset rows=“60%,*” cols=“60,20%,*”>
    <frame src=“frame1.html”>
    <frame src=“frame2.html”>
    <frame src=“frame3.html” name=”f3”>
    <frame scrolling = yes src=“frame4.html”>
    <frame src=“frame5.html”>
    <frame src=“frame6.html”>

    <noframes>
    Sorry this document requires a frame
    capable browser
    </noframes>
    </html>
    Targeting
    • You can use the target attribute of the
    anchor tag to make the link open in a frame
    or window.
    <a target=“myframe” href=“http://web.mit.edu”>
    – If the there is a frame of window with the name
    “myframe” it will be opened there.
    – So be carefull when you name your frames and
    windows. If you give the same name to a frame
    and a window the browser will get confused.
    Special targets
    • There are seveal special values for target: top,
    new, and blank.
    • If you set the target equal to blank or new the
    document will open in a new window.
    – Eg: <a target=“new” href=“
    http://www.someoneshomepage.com”>
    • top refers to the window containg a frame.
    – If there are no frames in a page top point to the
    window, but you wouldn’t really need it.
    Examples
    • Leaving a frames page:
    <a target=“top”
    href=“http://web.mit.edu/aiti/noframes.html”>
    • <a target=“google”
    href=“http://www.google.com”>

    You might also like