help with navigation function + mouseovers

Axsuul

Hi thank you for reading my post. Here's my question/problem. First, let's start off with what I did.

Made a function.

// navigation check
// blacks out image to corresponding page

$navnews = '../images/nav_news.gif';
$navcontact = '../images/nav_contact.gif';
$navcheckpage = $_GET['page'];

function navcheck()
	{
	 	if ( $navcheckpage = 'index.php' )
			{
				$navnews = '../images/nav_news_active.gif';
	}
		elseif ( $navcheckpage = 'contact.php' )
			{
				$navcontact = '..images/nav_contact_active.gif';
	}
}

The function starts off assigning image urls to certain variables.

to $navnews
to $navcontact

Then function gets the page, and if its on the index.php page, it will display a
If its on the contact.php page, it will display a

Now here is where this function will be put to use! First off, the <head>

<script language="javascript1.2">

</script>

Then what is displayed

<table class="layout_nav_cell" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="<?php print $navnews; ?>"></td>
</tr>
<tr>
<td><a href="http://www.jameshu.com" onMouseOver="if (document.images) document.img3.src ='images/nav_about_active.gif';" OnMouseOut="if (document.images) document.img3.src= 'images/nav_about.gif';"><img src="images/nav_about.gif" name="img3" border="0"></a></td>
</tr>
<tr>
<td><a href="http://www.jameshu.com" onMouseOver="if (document.images) document.img5.src ='images/nav_forum_active.gif';" OnMouseOut="if (document.images) document.img5.src= 'images/nav_forum.gif';"><img src="images/nav_forum.gif" name="img5" border="0"></a></td>
</tr>
<tr>
<td><a href="http://www.jameshu.com" onMouseOver="if (document.images) document.img1.src ='images/nav_projects_active.gif';" OnMouseOut="if (document.images) document.img1.src= 'images/nav_projects.gif';"><img src="images/nav_projects.gif" name="img1" border="0"></a></td>
</tr>
<tr>
<td><a href="http://www.jameshu.com" onMouseOver="if (document.images) document.img2.src ='images/nav_community_active.gif';" OnMouseOut="if (document.images) document.img2.src= 'images/nav_community.gif';"><img src="images/nav_community.gif" name="img2" border="0"></a></td>
</tr>
<tr>
<td><a href="<?php $_SERVER['DOCUMENT_ROOT']; ?>/contact.php" onMouseOver="if (document.images) document.img4.src ='images/nav_contact_active.gif';" OnMouseOut="if (document.images) document.img4.src= 'images/nav_contact.gif';"><img src="<?php $navcontact; ?>" name="img4" border="0"></a></td>

It doesn't work how I want it to work because I have mouseovers. ( I dont think I'm doing my mouseovers correctly either ). Is there any way I can have index.php's image turn into a mouseover when the user is on the contact.php page, plus vice versa? If you guys are confused, let me know what you are confused about. Thank you very very very much in advanced.

tekky

for starters....

<a href="<?php $_SERVER['DOCUMENT_ROOT']; ?>/contact.php" onMouseOver="if (document.images) document.img4.src ='images/nav_contact_active.gif';" OnMouseOut="if (document.images) document.img4.src= 'images/nav_contact.gif';">

wont do anything since <?php $_SERVER..... ?> doesnt ECHO the variable so the browser sees the data.... do something like

<?php echo $_SERVER]['DOCUMENT_ROOT']; ?>

Axsuul

Oops, my bad. Thanks. Now the link works but does anyone know how I can go about doing the mouseover thing?

Axsuul

Here's my website : http://www.jameshu.com if that helps.

timj

Well, you should use another echo command in the src for the image.
Second, in your JavaScript in the Head section, you can just put "JavaScript" as language (there's nothing in it that absolutely requires JS1.2, so you might as well use any JS - eg in older browsers etc).

Third, I think the onMouseOver and onMouseOut should be in the IMG tag, not the anchor (A) tag. You don't need to repeat the "if (documents.images)" test. document.images is always defined (in browsers that support JS).

I think that should work.