www.webdeveloper.com
+ Reply to Thread
Results 1 to 6 of 6
  1. 08-20-2007 08:45 AM #1
    USSEnterprise
    USSEnterprise is offline Registered User
    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
    Reply With Quote Reply With Quote
  2. 08-20-2007 08:56 AM #2
    Declan1991
    Declan1991 is offline Registered User
    Join Date
    Aug 2007
    Posts
    3,764
    What you are looking for is an iFrame.
    Google search
    Reply With Quote Reply With Quote
  3. 08-20-2007 09:07 AM #3
    huckle
    huckle is offline Registered Huckle
    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...
    Reply With Quote Reply With Quote
  4. 08-20-2007 12:15 PM #4
    WebJoel's Avatar
    WebJoel
    WebJoel is offline Super Moderator
    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
    Reply With Quote Reply With Quote
  5. 08-20-2007 09:49 PM #5
    ray326's Avatar
    ray326
    ray326 is offline Got Link?
    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
    Reply With Quote Reply With Quote
  6. 08-21-2007 06:54 AM #6
    Fatal Error's Avatar
    Fatal Error
    Fatal Error is offline Almost Guru
    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.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

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

     

Bookmarks

Posting Permissions

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

Forum Rules

 HTML5 Development Center



Recent Articles