Modifier dynamiquement le background d'un td

Bonjour,
Comment puis je faire pour modifier en javascript la valeur du background d'une balise td et forcer la prise en compte?
J'ai utilisé elt.setAttribute(...,...) qui marche bien , mais seulement c'est une méthode qui n'est pas compathible avec les anciens navigateurs.
Help please !!!

par exemple sur un evenement onmouseover

Code:

---

1 2	onmouseover="javascript:document.getElementById('titi').className='taclasse';"

---

ici, ton element td devra avoir l'id "titi" et tu lui appliqueras une classe "taclasse" qui devra être définie dans ton css.

Sinon, sans utiliser d'id une autre methode :

Code:

---

1 2	onmouseover="this.style.backgroundColor='#FF9933';"

---

Il y a une multitude de solutions. Cherche sur google et tu en trouveras d'autres

;)

donc pour répondre exactement à la question :
pour que tous les navigateurs comprennent (anciens, nouveaux), il faut utiliser directement les attributs de style à modifier

Code:

---

1 2	element.style.backgroundColor = ...; element.style["backgroundColor"] = ...;

---

Ce n'est pas le backgroundcolor que je veux changer mais le background simplement, sachant que mon environnement de test n'utilise pas le css, il faut vraiment le faire javascript, j'ai déjà pas mal cherché sur google, une autre sol svp????

Citation:

---

Envoyé par DevServlet

une autre sol svp????

---

je ne vois pas ce que tu pourrais faire d'autre que de modifier le style (backgroundColor, backgroundImage, background ou ce que tu veux)

J'ai essayyé avec le style ca passe pas, je veux dire que j'ai repris le code

Code:

---

this.style.backgroundColor='#FF9933';"

---

mais ca passe pas, il n'accede pas à la valeur background apparemment.

Code:

---

this.style.backgroundColor='#FF9933';"

---

Le " à la fin c'est une faute de frappe ?
Sinon, à quoi correspond this ? Quel est le contexte ?

Pour mon cas this correspond à la balise td dans laquelle je veux changer dynamiquement son attribut background.
Effectivement " à la fin c'est une faute copier/coller.

Citation:

---

Envoyé par DevServlet

Pour mon cas this correspond à la balise td dans laquelle je veux changer dynamiquement son attribut background.
Effectivement " à la fin c'est une faute copier/coller.

---

genre ya un message d'erreur ? un style qui prévaut sur celui-ci (a priori non puisque l'application direct d'un style via l'attribut style prévaut sur tout le reste) ? tu es bien sûr et certain prêt à mettre ta main coupée au feu que this est bien un TD ? (essaie alert(this.nodeName), ça affiche bien TD ?)

Non j'ai pas utilisé this dans mon code, j'ai donné un id à la balise td et j'accede à cet élément par l'id.
this n'est pas du tout utilisé

ça pourrait éventuellement servir que tu nous montres un bout de code (pas trop court) pour qu'on comprenne

10 posts pour ça !!

Voila le bout de code :

Code:

---

1 2 3 4

<td id='td_back' width="640" background=url(im1.jpg) height="510" valign="top"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td height="100" colspan="2"> ...

---

Je veux pouvoir réecrire l'attribut background en restant sur la même page
Ce code

Code:

---

1 2 3

var elt =document.getEltById('td_back'); elt.setAttribute("background",'im2.jpg');

---

il marche bien sauf que c pour les versions assez avancées de browser, mais sur d'autres navigateurs ca marche pas.

Code:

---

1 2	var elt =document.getEltById('td_back'); elt.style.backgroundImage="url('im2.jpg')";

---

Et aussi :

Code:

---

<td id='td_back' width="640" background=url(im1.jpg) height="510" valign="top">

---

Bof bof...

Code:

---

<td id='td_back' width="640" style="background:url(im1.jpg)" height="510" valign="top">

---

:aie: on en revient toujours à la même chose quoi...

J'ai trouvé une solution un peu bourrin , je recharge la page en changeant mon attribut background, ca marche mais c pa optimisé :cry: .