Home page contents must occur in every link that is opened

luckyros · #1 Oct 16th, 2007, 10:12

Hi,

I have designed a website. On my home page, logo is there at top, below that horizontal menu, vertical menus are there on the left and footer at the bottom. The body part is blank as of now.

I want that whenever i click on any of the link on the menu that particular link must be opened in the body part and i want the logo, horizontal menu, vertical menu and footer to appear on that page as they are on the home page. I want this to happen on whatever link i click. I have created website in HTML only and used CSS for style. Please help me.

Marc · #2 Oct 16th, 2007, 10:18

Can we see the code of your website and/or an example?

luckyros · #3 Oct 16th, 2007, 11:18

hi , i have attached zip file of my project. You can open the index.html file and see the site.

karinne · #4 Oct 16th, 2007, 12:33

Please provide a link instead as it is much easier to get help this way.

luckyros · #5 Oct 16th, 2007, 16:00

i havent uploaded it yet. still doing offline only. thats why i have attached the file which have details .

alexgeek · #6 Oct 16th, 2007, 16:45

Nobody will want to download it,
just put it on freewebs or some other free host!

AdRock · #7 Oct 16th, 2007, 17:19

You could use php to acheive this. That way you only need the one file as the index page and the only thing that changes is the content

This is a very basic version of what you could do

PHP: Select all


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
</head>
<body>
<div id="wrapper">
    <div id="header"></div>
    <div id="nav">
 <ul>
     <li><a href="index.php?page=firstpage">First page</a></li>
     <li><a href="index.php?page=secondpage">Second page</a></li>
     <li><a href="index.php">Home</a></li>
 </ul>
    </div>
    <div id="content3" class="style1">
     <?php
  switch ($_GET['page'])
      {
      //Main website pages
      case "firstpage":
   include('firstpage.php');
   break;
      case "secondpage":
   include('secondpage.php');
   break;
      default:
   include('home.php');
      }
     ?>
    </div>
    <div id="footer"></div>
</div>
</body>
</html>

You would save this as index.php and for all of your other content, you just need to put in the html that would go in the content div so there is no need to use <html> etc

example of firstpage.php and the same for any other pages including home.php

PHP: Select all


<h1>First page</h1>
<p>This is page one</p>

luckyros · #8 Oct 16th, 2007, 18:10

my website address is http://www.freewebs.com/luckyros

luckyros · #9 Oct 17th, 2007, 10:04

Quote:

Originally Posted by AdRock

You could use php to acheive this. That way you only need the one file as the index page and the only thing that changes is the content

This is a very basic version of what you could do

PHP: Select all


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
</head>
<body>
<div id="wrapper">
    <div id="header"></div>
    <div id="nav">
 <ul>
     <li><a href="index.php?page=firstpage">First page</a></li>
     <li><a href="index.php?page=secondpage">Second page</a></li>
     <li><a href="index.php">Home</a></li>
 </ul>
    </div>
    <div id="content3" class="style1">
     <?php
  switch ($_GET['page'])
      {
      //Main website pages
      case "firstpage":
   include('firstpage.php');
   break;
      case "secondpage":
   include('secondpage.php');
   break;
      default:
   include('home.php');
      }
     ?>
    </div>
    <div id="footer"></div>
</div>
</body>
</html>

You would save this as index.php and for all of your other content, you just need to put in the html that would go in the content div so there is no need to use <html> etc

example of firstpage.php and the same for any other pages including home.php

PHP: Select all


<h1>First page</h1>
<p>This is page one</p>

I am unable to get what you are trying to tell. Please explain me in simple words. you can visit my uploaded website at http://boisl.topcities.com then you will be able to know what i am trying to tell. Thanks.

AdRock · #10 Oct 17th, 2007, 12:44

Your link doesn't work.....

First of all, you need to make sure the server supports php

In the example i gave, that is your index page so you would call that index.php becuase it has php in the code. This page is the only page which has all your links and page structure in it so you'll be fine with the page you have but you just need to call it index.php

Where ever you have a link you need to put index?page= and the name of the page you want to direct to. So if you wanted to go to the contact page you would put index.php?page=contact. This goes for all of you links.

When you click a link, the url index.php?page=contact gets put in the address bar and the browser reloads the index page and as the code is getting read, it comes across the switch statement which would be in the div where you want your content to change

PHP: Select all


<?php
  switch ($_GET['page'])
      {
      //Main website pages
      case "firstpage":
   include('firstpage.php');
   break;
      case "secondpage":
   include('secondpage.php');
   break;
      default:
   include('home.php');
      }
     ?>

what it does is come to the $_GET in the switch and it looking for the page variable in the address bar which would be contact becuase it's page=contact.

Now its got the page name whcih would be contact, it goes down the next part which is include the page contact.php or contact.htm

If you notice at the bottom there is default: what's included in there is the default page so when you first view the page, there is a default page to include.

Just remember that your page name after the index.php?page= is the same as in the switch statement.

If you have any more questions just ask

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Any ideas for my home page	Oak	Website Planning	4	Feb 6th, 2008 00:30
My home page doesn't show	spacefonkey	Starting Out	4	Jun 28th, 2007 21:02
Home page	hello123	Starting Out	4	Feb 13th, 2007 14:40
Make this my home page	joshcxa	JavaScript Forum	2	May 22nd, 2006 06:16

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Home page contents must occur in every link that is opened