Discussion :

[julien_mok]

Bonsoir,
j'ai un problème avec la fonction setAttribute() :

voilà ma fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
//Fonction qui modifie l'image en fonction d'une autre
function change_image(){
    var fond = document.getElementById('monId');
    if (fond.style.backgroundImage == url(mon_image1.jpg)){  
        fond.setAttribute('style','background-image:url(mon_image2.jpg)');
    } else {
        fond.setAttribute('style','mon_image1');
    }
}

Cette fonction marche correctement sous FireFox mais pas sous Internet Explorer.
Après quelques recherches j'ai vu qu'il fallait mieux procéder ainsi pour Internet Explorer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
//Fonction qui modifie l'image en fonction d'une autre
function change_image(){
    var fond = document.getElementById('monId');
    if (fond.style.backgroundImage == url(mon_image1.jpg)){  
        fond.style.setAttribute( 'cssText','background-image:url(mon_image1.jpg);');
    } else {
        fond.style.setAttribute( 'cssText','background-image:url(mon_image2.jpg);');
    }
}

Cette fois ma fonction réagit mais place ma nouvelle image en haut de page indifféremment de l'objet référencé par 'monID'.

Quel peut être le problème ?
Merci !

[bigboomshakala]

cssText écrase tout ce que tu as pu mettre avant dans le style il me semble.
tu peux tout simplement faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

tonImage.style.backgroundImage = "url(...)";

(avec de belles balise CODE)
ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

tonImage.style.setAttribute("backgroundImage","url(...)");

[julien_mok]

Toujours pas d'amélioration...
Ma fonction s'applique à un objet qui est en fait une balise <TD> à laquelle je cherche modifier son fond à chaque appel à la fonction.
Peut être que la source de l'erreur est liée à cette balise ?

Merci.

[bigboomshakala]

au passage tu dois avoir une exception parce que ton test doit exploser

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

fond.style.backgroundImage == 'url(mon_image1.jpg)'

les quotes...

[julien_mok]

Oui effectivement je les ai oubliés dans mon message mais les quotes étaient bien dans mon programme..

[julien_mok]

Est-il possible sinon que l'incompatibilité provienne du getElementById ?

[julien_mok]

J'ai (enfin) isolé le problème !
Il provenait effectivement de l'id lié à ma balise.
En effet ma balise avait comme structure :

<TD .... id = 'ballon' >

J'ai simplement ( après quelques heures de recherche quand même ) modifier le nom 'ballon' par 'ballon1' par exemple et tout a fonctionné !

ballon serait un mot reservé d'Internet Explorer ?

Je reste perplexe...

Merci de votre aide !