Same effect but when page reloaded?

[Thoaren]

[Font=Verdana]Hi,

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

<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[/font]

[Thoaren]

:confused: Nobody?

[acoder]

Pass a reference to the table cell clicked, e.g.

href="page1.php?td=BG01"

then take the value from the URL either using PHP or onload using JavaScript.