Same effect but when page reloaded?

Hi,

I wrote a this piece of code in let's say page1.php:

Expand|Select|Wrap|Line Numbers

 
<script language="JavaScript">

function bgi01(){

    document.getElementById('changeThisBG01').style.backgroundImage='URL(mp02.jpg)';

    document.getElementById('changeThisBG02').style.backgroundImage='URL(mp01.jpg)';}

function bgi02(){

    document.getElementById('changeThisBG02').style.backgroundImage='URL(mp02.jpg)';

    document.getElementById('changeThisBG01').style.backgroundImage='URL(mp01.jpg)';}

</script>

<table width="185" border="0" cellpadding="0" cellspacing="0">

  <tr> 

    <td width="185" height="165" valign="center" align="center" id="changeThisBG01" style="background-image: url(mp01.jpg); background-repeat:repeat-x;"><a href="javascript:bgi01()">BG1</a></td>

    <td width="185" height="165" valign="center" align="center" id="changeThisBG02" style="background-image: url(mp01.jpg); background-repeat:repeat-x;"><a href="javascript:bgi02()">BG2</a></td>

  </tr>

</table>

My question:

This codes excecutes without pagereload.
Any suggestion how i could make the same effect but with this difference that the page is reloaded? <href="page1.php">

Thanx for help.

Thoaren

Apr 11 '06 #1

Subscribe Post Reply

1355

Banfa

9,065

Expert Mod 8TB

Erm how much php do you know?

Write a php script that accepts a variable on the url of the web page (this is really simple) and then acts on that variable to output the code to display different backgrounds.

Something like this

[php]
<?php
$image1 = "mp01.jpg";
$image2 = "mp01.jpg";

if (isset($_GET['replace'] )
{
if ( $_GET['replace'] == 1 )
{
$image1 = "mp02.jpg";
}
else if ( $_GET['replace'] == 2 )
{
$image2 = "mp02.jpg";
}
}
?>
<head>
<style>
#changeThisBG01 {
background-image: url(<?php echo $image1; ?>);
background-repeat: repeat-x;
}
#changeThisBG02 {
background-image: url(<?php echo $image2; ?>);
background-repeat: repeat-x;
}
</style>
</head>
<body>

<table width="185" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="185" height="165" valign="center" align="center" id="changeThisBG01"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?replace=1">BG1</a></td>
<td width="185" height="165" valign="center" align="center" id="changeThisBG02"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?replace=2">BG2</a></td>
</tr>
</table>
</body>[/php]

Apr 11 '06 #2

by: Ian.H | last post by:

Hi all, I've been testing out some configs on this box out of curiousity more than anything, but looking at various sites and of course, php.net regarding safe_mode_exec_dir, it appears that if...

PHP

Can't achive the same margins for <a> and (inline) <p> in CSS

by: Philip Herlihy | last post by:

I'm creating a common navigation bar of text "buttons" using CSS. On each page, I want the corresponding button to be "inert" (no hover, etc) as a visual clue to where you are. I thought I'd...

HTML / CSS

Restore added data in Data Grid in a Page When the page is reloaded

by: krian | last post by:

Hi, I need a help from anybody. My problem is here I wrote two WebApplication in ASP.net Using C#. The name of the applications are (Journal.aspx and Payment.aspx). These Two pages have DataGrids...

ASP.NET

getting records without reloading the page

by: Richard | last post by:

Hey there, I have a textbox and a listbox. When a user types a number in the textbox, I want to get all the records from a MS Access DB but without reloading the page. I now have something...

ASP.NET

Same page displayed when content changes

by: Lenard Gunda | last post by:

Hi! I have the following problem. From my main page, when someone clicks a button, it uses client side javascript to open another .aspx page. This page displays content, based on what the...