PB avec Firefox modification d'une image de background en javascript

Bonsoir a tous,

je modifie en Javascript lors du passage du curseur le fond d'un tableau, les 3 images qui constitues sa CSS, cela fonctionne avec internet explorer mais pas avec Firefox !! ????


Mon code :

<script language="javascript" type="text/javascript">

function mouseover(id){
	AA.style.backgroundImage='url(images/header-caseleftOn.png)';
	BB.style.backgroundImage='url(images/header-casertopOn.png)';	
	CC.style.backgroundImage='url(images/header-caserightOn.png)';	
	}
function mouseout(id){
	AA.style.backgroundImage='url(images/header-caseleft.png)';
	BB.style.backgroundImage='url(images/header-casetop.png)';	
	CC.style.backgroundImage='url(images/header-caseright.png)';	
	}
</script>

<table width="100%" border="0" cellspacing="0" cellpadding="0"  onmouseout="javascript:mouseout(this);" onmouseover="javascript:mouseover(this);">
                <tr>
                  <td width="10" height="32" id="AA" class="headercasiertopoffleft"></td>
                  <td id="BB" class="headercasiertopoffcenter" align="center"><a href="#" class="headerlienmenu">Forum</a></td>
                  <td id="CC" width="10" class="headercasiertopoffright"></td>
                </tr>
              </table>

Modifié par mims1664 (20 Oct 2007 - 23:34)

bonsoir,

Et si tu faisais:

function mouseover(id){

	document.getElementById('AA').style.backgroundImage='url(images/header-caseleftOn.png)';

	document.getElementById('BB').style.backgroundImage='url(images/header-casertopOn.png)';	

	document.getElementById('CC').style.backgroundImage='url(images/header-caserightOn.png)';	

	}

function mouseout(id){

	document.getElementById('AA').style.backgroundImage='url(images/header-caseleft.png)';

	document.getElementById('BB').style.backgroundImage='url(images/header-casetop.png)';	

	document.getElementById('CC').style.backgroundImage='url(images/header-caseright.png)';	

	}

</script>

++

Super ca fonctionne !!!

un grand merci