Go Back   Computer Forums > Web Design | Website Development > Web Programming
Click Here to Login
Join Computer forums Today


Reply
 
Thread Tools Search this Thread Display Modes
 
Old 04-17-2007, 03:26 PM   #1
In Runtime
 
lhamil64's Avatar
 
Join Date: Jan 2007
Posts: 398
Default webpage inside webpage (don't know what to call it...)

i have seen many websites where there is like a mini-website for navigation inside a website so that you click a link and the navigation is still there. i don't really know how to describe it but here is a screenshot of what i mean:


sorry that its a link i didn't have time to go to photobucket and upload it. also i kinda wanted to try out imageshack
__________________

lhamil64 is offline   Reply With Quote
Old 04-17-2007, 03:44 PM   #2
j03
~~~~~~~~
 
Join Date: Jan 2005
Location: Wales
Posts: 5,556
Send a message via MSN to j03
Default Re: webpage inside webpage (don't know what to call it...)

Yeah - It's called frames ^^ http://www.w3schools.com/html/html_frames.asp
__________________

j03 is offline   Reply With Quote
Old 04-19-2007, 09:08 AM   #3
In Runtime
 
Daeva's Avatar
 
Join Date: Dec 2005
Posts: 407
Send a message via AIM to Daeva Send a message via MSN to Daeva Send a message via Yahoo to Daeva
Default Re: webpage inside webpage (don't know what to call it...)

you really shouldn't use frames anymore. The W3 is going to, or has already dropped their reccomendation for the frameset dtd because it isn't supported well accross multiple browser platforms. The best way to do this, which the W3 still isn't a fan of, is to use an iframe(inline frame).
This is also less complex.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en-us" dir="ltr" lang="en-us" xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>This is the title</title>
 </head>
 <body>
  <div id="mainDiv">
   <div id="navigation">
    <table id="navTable">
     <thead>
      <tr>
        <th colspan="1" valign="bottom" align="center" style="text-align: center;">
         Navigation
        </th>
      </tr>
     </thead>
     <tbody>
      <tr>
        <td colspan="1" valgin="top" align="left">
         <a href="#" target="mainFrame">Link 1</a>
        </td>
      </tr>
      <tr>
        <td colspan="1" valign="top" align="left">
         <a href="http://www.google.com" target="mainFrame">Google</a>
        </td>
      </tr>
     </tbody>
    </table>
   </div>
   <div id="contentDiv">
    <iframe id="mainFrame" name="mainFrame" src="http://www.altavista.com"  frameborder="0" scrolling="auto"></iframe>
   </div>
  </div>
 </body>
</html>
the name of the iframe is the important part. The name is the part that you put in the target attribute of your links. Thats just a basic example of how to use iframe's. You can also set their background to be transparent. You can set it up in such a way that your user doesn't even know it is a separate frame. Hope that helps.
EDIT: also, none of the xhtml dtd's support the name attribute in the ifram tag, let alone the iframe tag itself, you're probably going to have to use the loose dtd for html 4.0
__________________
**Official Self-proclaimed glorified excessive (insert additional adjectives here) post editor/modifier.
Edit = Best feature ever
http://www.twitter.com/xDaevax
Daeva is offline   Reply With Quote
Old 04-21-2007, 06:23 PM   #4
In Runtime
 
jamieoliver22's Avatar
 
Join Date: Apr 2004
Posts: 245
Default Re: webpage inside webpage (don't know what to call it...)

Yeah, like Daeva says, I wouldnt recommend using frames any more.. They are extremely annoying and are unreliable at the best of times..
__________________
Desktop: AMD Athlon XP 2000+ - 1.6ghz | MSI KT4-Ultra Motherboard |ATI Radeon Powercolor x850 XT 256mb DDR3 | 400gb HDD space |1gb PC2700 DDR SDRAM.
---
Laptop: AMD Sempron 3200+ - 1.6ghz | ATI Radeon Xpress 1100 - 128mb | 100gb PATA HDD | 1gb DDR2 RAM.
jamieoliver22 is offline   Reply With Quote
Old 04-26-2007, 06:04 PM   #5
In Runtime
 
lhamil64's Avatar
 
Join Date: Jan 2007
Posts: 398
Default Re: webpage inside webpage (don't know what to call it...)

Thanks!
is there some HTML code i can use that will see what the users browser is and check to see if it supports them, then if it doesn't pop up a message box or redirect to another page that will tell them that the page has content that can not be displayed?
lhamil64 is offline   Reply With Quote
Old 04-26-2007, 07:49 PM   #6
In Runtime
 
Daeva's Avatar
 
Join Date: Dec 2005
Posts: 407
Send a message via AIM to Daeva Send a message via MSN to Daeva Send a message via Yahoo to Daeva
Default Re: webpage inside webpage (don't know what to call it...)

not html, but javascript yes.
First, you'll want to have the different browsers installed on your computer to test which elements work and display in what way. Next, you'll need to add javascript to the page that you want to check. Once you know which browsers and versions are compatible with which elements of the html, you know what to check for. These can be looked up in a google search like "browser compatibility chart" or some search like that.
Here is an example of the code, and this site also provides information about the code examples.
http://www.javascriptkit.com/javatutors/navigator.shtml
Hope this helps, good luck.
__________________

__________________
**Official Self-proclaimed glorified excessive (insert additional adjectives here) post editor/modifier.
Edit = Best feature ever
http://www.twitter.com/xDaevax
Daeva is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off



All times are GMT -5. The time now is 11:37 AM.


Powered by vBulletin® Version 3.8.8 Beta 4
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO 3.6.0