[RESOLVED] Single page website

sebjlan

I have a page with let's say 3 links in the menu.
Home, About and Contact.

I want to convert my site into a single-page PHP-site. So for instance to see the about page the URL would look something like http://www.mydomain.com/index.php?nav=about

I was thinking of making the index.php like this:

<html>
<head>
...
</head>


<?php

$nav = $_GET['nav'];

switch ($nav) {

case "" && "index" && "main":
	require("main.html");
	break;

case "about":
	require("about.html");
	break;

case "contact":
	require("contact.html");
	break;

default:
	require("main.html");
}

?>


</html>

Then main.html, about.html and contact.html would contain from <body> to </body>.

My problem is that I want to be able to see which page I'm currently displaying, in the menu by giving this particular link a class called "current" defined in my stylesheet.

How do I do this the easiest way, with the single-page website?

Thank you in advance

Matt_Kindig

Where are these links in your code? I don't see any <a href=".."></a> tags anywhere. If you post them, it will be easier to show you a solution.

Also, the first condition in your switch() statment is redundant with your last. Since require("main.html") is the default anyway, you can eliminate the

 
case "" && "index" && "main": 
require("main.html");
break;

portion of your code.

-Matt

halojoy

make a header.php
and a footer.php
and include them, when you need at top / bottom of any page.

Header.php example:

<html>
<head>
<title><?php echo $page_title ?>
</head>
<body>
<!-- you could insert a menu_bar here, if you do not want a separate
menu_bar.php -->
<!-- page contents comes here -->

footer.php:

<!-- end of contents -->
<hr>
<small>Copyright myself 2005</small>
</body>
</html>

Any page can be put together like this

<?php

include 'header.php'; // can have menu inside header
include 'menu_bar.php'; // if separate menu.php is used

$more_contents = "Welcome back again!";

echo "body contents <br>";
echo $more_contents;

include 'footer.php';

// optional exit, if you need stop script from running,
// and wait for a menu_bar alternative to be clicked
exit;

?>

halojoy

<?php
// if you want several case perform same thing
// I think correct syntax is:

switch ( $var ) {

case 1 :
   echo "ett";

case 2 :
case 3 :
case 4 :
   echo "more than ett, less than fem";

case 5 :
default :
   echo "less than ett, or more than fyra";

}

?>

swedish; ett, tvÃ¥, tre, fyra, fem = one, two, three, four, five; english

/halojoy

sebjlan

Originally posted by Matt Kindig
Where are these links in your code? I don't see any <a href=".."></a> tags anywhere. If you post them, it will be easier to show you a solution.

<div id="menu">
<ul>
<li><a [COLOR=red]class="current"[/COLOR] title="Home" href="/">Home</a></li>
<li><a title="About" href="/about">About</a></li>
<li><a title="Contact" href="/contact">Contact</a></li>
</ul>
</div>

This would be included in my index.php, and I then want <a title="About" href="/about">About</a> to have class="current" when the URL shows http://www.mydomain.com/?nav=about

sebjlan

Originally posted by halojoy

<?php
// if you want several case perform same thing
// I think correct syntax is:

switch ( $var ) {

case 1 :
   echo "ett";

case 2 :
case 3 :
case 4 :
   echo "more than ett, less than fem";

case 5 :
default :
   echo "less than ett, or more than fyra";

}

?>

Thank you 🙂

Originally posted by halojoy
swedish; ett, tvÃ¥, tre, fyra, fem = one, two, three, four, five; english

I'm Danish myself 🙂

En, to, tre, fire

Matt_Kindig

To make the links, you can do a series of if-then statements or switch constructs, or do it with arrays (my preferred way because you can easily add links that way). Like this:

<div id="menu">
<ul>
<?php

$links=array("Home"=>"/", "About"=>"/about", "Contact"=>"/contact");
foreach($links as $title=>$link) {
    $class="";
    if( strtolower($title) == $nav) {
        $class=" class=\"current\" ";
    }
    print "<li><a $class title=\"$title\" href=\"$link\">$title</a></li>";
} // end foreach
?>
</ul>
</div>

sebjlan

Originally posted by Matt Kindig

<div id="menu">
<ul>
<?php

$links=array("Home"=>"/", "About"=>"/about", "Contact"=>"/contact");
foreach($links as $title=>$link) {
    $class="";
    if( strtolower($title) == $nav) {
        $class=" class=\"current\" ";
    }
    print "<li><a $class title=\"$title\" href=\"$link\">$title</a></li>";
} // end foreach
?>
</ul>
</div>

Great, thanks

sebjlan

Originally posted by Matt Kindig

<div id="menu">
<ul>
<?php

$links=array("Home"=>"/", "About"=>"/about", "Contact"=>"/contact");
foreach($links as $title=>$link) {
    $class="";
    if( strtolower($title) == $nav) {
        $class=" class=\"current\" ";
    }
    print "<li><a $class title=\"$title\" href=\"$link\">$title</a></li>";
} // end foreach
?>
</ul>
</div>

I have a slight problem with this script.
When $nav (the variable i set to $_SERVER['QUERY_STRING']) isn't set or is empty, I need the first link "Home" to have class current.
I can't seem to figure out how to do this.
Can you help me?

Matt_Kindig

Use isset to check whether $nav is set, i.e.

<div id="menu">
<ul>
<?php
if ( (! isset($nav)) || ($nav = "") ) {
    $nav="Home";
}

$links=array("Home"=>"/", "About"=>"/about", "Contact"=>"/contact");
foreach($links as $title=>$link) {
    $class="";
    if( strtolower($title) == $nav) {
        $class=" class=\"current\" ";
    }
    print "<li><a $class title=\"$title\" href=\"$link\">$title</a></li>";
} // end foreach
?>
</ul>
</div>

sebjlan

Originally posted by Matt Kindig
Use isset to check whether $nav is set, i.e.

<div id="menu">
<ul>
<?php
if ( (! isset($nav)) || ($nav = "") ) {
    $nav="Home";
}

$links=array("Home"=>"/", "About"=>"/about", "Contact"=>"/contact");
foreach($links as $title=>$link) {
    $class="";
    if( strtolower($title) == $nav) {
        $class=" class=\"current\" ";
    }
    print "<li><a $class title=\"$title\" href=\"$link\">$title</a></li>";
} // end foreach
?>
</ul>
</div>

[/B]

I can't make it work. :bemused:

Matt_Kindig

That's because I made a syntax error. It should be

if ( (! isset($nav)) || ($nav == "") ) {
    $nav="Home";
}

Notice the double equals rather than the single one.

sebjlan

Originally posted by Matt Kindig
That's because I made a syntax error. It should be
if ( (! isset($nav)) || ($nav == "") ) {
    $nav="Home";
}
Notice the double equals rather than the single one. [/B]

Still doesn't work :queasy:

Matt_Kindig

Hmm...I'm not sure what's going on.

Let's try some debugging. At the top of your script, place

<?php
error_reporting(E_ALL);
?>

and post any errors that PHP produces.

halojoy

I have once seen how $nav gets it value

<?php
$nav = $_GET['nav'];
?>

And this should work with links like:
<a href="index.php?nav=about">About</a>

why dont you give us:
The truth, the WHOLE truth, and nothing but the truth, So help me GOD!

Because if your little fault is in, the hidden truth,
there is not much point in we are trying to figure out what is wrong with
if (!isset( $nav )) .......

It is just a waste of time .. in my opinion.

you understand what i say???
Kann du si va jag mener?
🙂

sebjlan

<div id="menu">
<ul>
<?php
error_reporting(E_ALL);

$nav = $_SERVER['QUERY_STRING'];

if ( (! isset($nav)) || ($nav == "") ) {
    $nav="Home";
}

$links=array("Home"=>"/", "About"=>"/about", "Contact"=>"/contact");
foreach($links as $title=>$link) {
    $class="";
    if( strtolower($title) == $nav) {
        $class=" class=\"current\" ";
    }
    print "<li><a $class title=\"$title\" href=\"$link\">$title</a></li>";
} // end foreach
?>
</ul>
</div>

It only has one notice, and it's just that the $nav currently has no value. This shouldn't keep the script from working.

Notice: Undefined index: QUERY_STRING in c:\Inetpub\wwwroot\menu.php on line 6

sebjlan

Originally posted by halojoy
I have once seen how $nav gets it value
<?php
$nav = $_GET['nav'];
?>
And this should work with links like:
<a href="index.php?nav=about">About</a>

why dont you give us:
The truth, the WHOLE truth, and nothing but the truth, So help me GOD!

Because if your little fault is in, the hidden truth,
there is not much point in we are trying to figure out what is wrong with
if (!isset( $nav )) .......

It is just a waste of time .. in my opinion.

you understand what i say???
Kann du si va jag mener?
🙂 [/B]

Ja, det tror jeg at jeg gør.
Du mener at $nav ikke er defineret?
Det har vi taget højde for i starten af emnet. 🙂

sebjlan

Forget it.
I found a much easier solution using CSS:

body.bodyone #menu ul li#one a, body.bodytwo #menu ul li#two a, body.bodythree #menu ul li#three a {
background-color: #FFF;
color: #000;
}

It was like this before:

#menu ul li a.current {
background-color: #FFF;
color: #000;
}

But thank you very much for your help Matt!
I learned something about arrays 🙂

sebjlan

This is working for me:

<?php

if(isset($_SERVER["QUERY_STRING"]))
	$nav = $_SERVER["QUERY_STRING"];

if(!isset($nav))
	$nav = "Blog";

$links=array("Blog"=>"/","About"=>"/?about","Contact"=>"/?contact");
foreach($links as $title => $href) {
	$class = null;
	if (strtolower($nav) == strtolower($title))
		$class = " class=\"current\"";
	print "<li><a href=\"$href\" title=\"$title\"$class>$title</a></li>\n";
}
?>

LoganK

halojoy wrote:
you understand what i say???
Kann du si va jag mener?

I don't! I don't speak sweedish/dutch/german/danish/whatever (all those languages look the same to me anyway - are they??)