www.webdeveloper.com
Results 1 to 6 of 6

Thread: page within a page

  1. #1
    Join Date
    Aug 2007
    Posts
    1

    page within a page

    Hello.

    I am trying to set up a web site for my first aid squad. One of the parts of this is to have a calendar of events, which remains the same for all members who logon and visit the site. The calendar I am using is a bit of Javascript with a JS file for changing the events on the calender. I want this same calender to show up on everyone's page. There will be about 80 pages, and I don't want to have to edit 80 events.JS files every month. So, how to I make a window in every page, that shows the calander in that same page? I suppose I could use a popup with a hyperlink to the calendar on the page, but I think this would look better.

    Thanks
    Joe

  2. #2
    Join Date
    Aug 2007
    Posts
    3,767
    What you are looking for is an iFrame.
    Google search

  3. #3
    Join Date
    Jan 2007
    Location
    Here
    Posts
    58
    so these 80-odd pages, these are user areas?

    If so, you could make it all with php -a single php page (like members.php) that will display certain information dependent on who is logged in at the time. This method uses just one page, so you could have your calendar script show up as default, then customise it for whoever is logged in at the time.

    We've all seen members-only areas...

  4. #4
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    How about "<object> ~ </object>"?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <title></title>
    <style type="text/css">
    * {border:0; padding:0; margin:0;}/* Set everything to "zero" */

    html, body {min-height:100%; height:101%; padding-bottom:25px;
    font-size:100.1%;
    font:x-small Arial, Verdana, sans-serif;
    voice-family: "\"}\"";voice-family:inherit;
    font-size:small;/*for IE 5.5 */}
    html>body {font-size:small; height:auto;}/* Assist IE6 & <, 100% height */
    font-size: small; voice-family: "\"}\"";
    voice-family: inherit; font-size: medium} /* Assist IE rendering height, keyword-font sizes, etc. */

    p {font-size:0; font-size:1.0em; line-height:1.0em; margin:16px 0 12px 0;}

    h1, h2, h3, h4, h5, h6 {font-family: 'times new roman', arial, verdana, helvetica, serif; background-color:none;
    font-style:normal; font-variant:normal; font-weight:normal; margin:14px 0 4px 10px;}
    h1 {font-size: 1.5em;}
    h2 {font-size: 1.4em;}
    h3 {font-size: 1.3em;}
    h4 {font-size: 1.2em;}
    h5 {font-size: 1.1em;}
    h6 {font-size: 1.0em;}
    </style>

    <style>
    </style>

    <script type="text/javascript"><!--
    // -->
    </script>
    <link rel="shortcut icon" href="favicon.ico" /><!-- path to your favicon -->
    </head>
    <body>

    <h1 style="margin:10px 0 5px 30px;">First level header</h1>
    <p style="margin:5px 0 25px 30px;">"Page within a page"</p>

    <object type="text/html" data="http://www.webdeveloper.com/" style="width:820px; height:475px; margin-left:20px;"></object>

    </body>
    </html>
    Simply maintain the source 'data' cited in the object, and insert the bold part where you want the external/other page to appear.
    I do this for clients whom maintain a 'other-site' calendar and want it on the first site for their general visitors to see.
    I build for: Firefox and tweak for IE

  5. #5
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    If this isn't a Windows hosted server then you can use a soft link (ln -s) to make the single file visible to all the users if they are otherwise in separate file spaces.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  6. #6
    Join Date
    Aug 2007
    Location
    New Jersey
    Posts
    14

    Thumbs up iframe

    I think that Huckle's idea about using PHP is best, because it would allow you to change the calender and other things in the future very easily, but if server side scripting isn't an option, I would go with Declan1991's idea about the iframe. With an iframe, all you'd have to do is type <iframe width=100px height=100px src=Calender.htm /> where ever you want it to be in each of the pages, and then you'll only have to update Calender.htm.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles