Aller au contenu

Changement class image via fonction JavaScript


Sujets conseillés

Posté

Bonjour,

Sur un de mes sites je défini les fonctions JavaScript suivante :

<script LANGUAGE="JavaScript"> 
function overout1()
{
if(menu_02over.className =='cachediv' && menu_03over.className =='cachediv') {
menu_01over.className=''; }
else (menu_02over.className =='' || menu_03over.className =='') {
menu_01over.className='cachediv';}
}
function overout2()
{
if(menu_01over.className =='cachediv' && menu_03over.className =='cachediv') {
menu_01over.className=''; }
else (menu_01over.className =='' || menu_03over.className =='') {
menu_02over.className='cachediv';}
}
function overout3()
{
if(menu_01over.className =='cachediv' && menu_02over.className =='cachediv') {
menu_03over.className=''; }
else (menu_01over.className =='' || menu_03over.className =='') {
menu_03over.className='cachediv';}
}
</SCRIPT>

Puis j'appel mes fonctions JavaScript de la façon suivante :

<td onMouseOut="overout1()"><img src="images/menu_01over.gif" id="menu_01over" name="menu_01over" class="cachediv"></td>
<td onMouseOut="overout2()"><img src="images/menu_02over.gif" id="menu_02over" name="menu_02over" class="cachediv"></td>
<td onMouseOut="overout3()"><img src="images/menu_03over.gif" id="menu_03over" name="menu_03over" class="cachediv"><td>

Cependant quand j'enleve ma souris de l'image menu_01over.gif j'obtiens l'erreur JavaScript suivante : objet attendu.

Où se trouve l'erreur?

Merci d'avance pour votre aide.

Posté
if(menu_02over.className =='cachediv' && menu_03over.className =='cachediv') {

menu_01over.className=''; }

J'ai pris ton premier if en citation, mais l'erreur est à corriger dans ton script.

En fait "menu_02over" est seulement l'id de ton image, className est la propriété d'un objet . Il faut donc que tu recupere un objet pour pouvoir tester sa propriété 'className' (j'espère que c'est clair ^_^ )

donc pour ton premier if tu dois avoir :

if(document.getElementById('menu_02over').className =='cachediv' && document.getElementById('menu_03over').className =='cachediv') {
document.getElementById('menu_01over').className=''; }

Repete cette modif dans tes autres tests et ca devrait corriger cette erreur

a+

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...