Included pages and rollover images

Boris_Senker

I have an index page with navigation and a table into which pages are included.

Now if I make an OnClick rollover image in index.php it switches when clicked, but resets to default at once because, of course, index reloads with the new included file and switches the rollover image to default.

How could I do it so index loads image1 as default, but loads another image regarding to $page when clicked on the link?

Example clicking on a link:

index.php?lang=en&page=info

should include info.php and info.gif simultaneously.

How can I do it?

thanks, guys

😉

kellog

Use $_SERVER['PHP_SELF'] to figure out what the current page is.

Would work something like this:

<a href="SomePage.php" onmouseover="document.Image1.src='
<?
if ($_SERVER['PHP_SELF'] == "Menu2.php") {
    echo "menu2.jpg"; }
elseif ($_SERVER['PHP_SELF'] == "Menu3.php") {
    echo "menu3.jpg"; }
?>
';" name="Image1">Click</a>

Notice how the php script will output text into the middle of the <a> tag, so that you can insert a filename depending on what page is being displayed.

Boris_Senker

Thanks a lot, will try that 😉

Boris_Senker

My fault... didn't explain that

clicking on image1 should load page and change source of another image (disjoint rollover).

I've tried this - it is attached to image nav_web.gif, named Image1, and when it's clicked rollover should happen on image sec_start.gif named section, which should change to sec_web.gif as follows:

<a href="index.php?lang=hr&page=web">
<img src="images/nav_web.gif" alt="Web Design"
width=50 height=51 border="0" onClick="document.section.src=' 
<? 
if ($_SERVER['PHP_SELF'] == "web.php") { 
    echo "sec_web.gif"; } 
elseif ($_SERVER['PHP_SELF'] == "Menu3.php") { 
    echo "menu3.jpg"; } 
?>';" name="Image1"></a>

What am I doing wrong?

Kellog, thanks for your time, I am really stuck with this 😉

kellog

Are you using frames?

When you click ont he button, the page changes, thus there's no point in changing an image. But, if your using frames, and your changing a graphic in another frame, then you have to adjust your javascript for that. Not sure of the sytax, but it would be easy to lookup and would probably be somehting like:

document.FrameName.source.src='blah';

Boris_Senker

No, I am not using frames.

Images that should be clicked and changed are part of index.php page into which other pages are included.

So when clicked on image1, the page web.php gets included into index, and the image in index should change regarding to the included page.

kellog

Ahh, then you can do this without javascript. Try doing somehting like this:

<img src="
<?
if ($_SERVER['PHP_SELF'] == "Page1.php") {
    echo "Image4Page1.jpg"; }
elseif ($_SERVER['PHP_SELF'] == "Page2.php") {
    echo "Image4Page2.jpg"; }
?>
">

That will work if the page is actually going to page1.php or page2.php. If page1 & 2 are being insert into another page, that won't work because php_self will always be the same page. In that case, you can insert a var into page 1 & 2, such as:

<?
$PageController = "Page1";
?>

and so on...

Then, you would use something like this to change the graphics:

<img src="
<?
if ($PageController == "Page1") {
    echo "Image4Page1.jpg"; }
elseif ($PageController  == "Page2") {
    echo "Image4Page2.jpg"; }
?>
">

Remember, it's important that you perform the check for $PageController after Page1.php has been included, or the variable will not be set.

Boris_Senker

Man, thanks a ZILLION times!

Turns out I don't need another var at all for this to work.

The image web, when clicked, submits:

index.php?lang=hr&page=web

so page=web gives me enough I need for this to work. So:

<img src=" 
<? 
if ($page == "") { 
    echo "images/sec_start.gif"; } 
elseif ($page == "web") { 
    echo "images/sec_web.gif"; } 
elseif ($page == "press") { 
    echo "images/sec_press.gif"; }
?>

Using the existing page variable makes all this work PERFECTLY.

Again, thanks a lot - you made my week 😃 😃 😃