Discussion :

[DevServlet]

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 !!!

[pop_up]

par exemple sur un evenement onmouseover

Code :

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

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 :

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

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

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

[bigboomshakala]

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 :

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

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

[DevServlet]

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????

[bigboomshakala]

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)

[DevServlet]

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

Code :

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

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

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

[Bovino]

Code :

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

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

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

[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.

[bigboomshakala]

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 ?)

[DevServlet]

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é

[bigboomshakala]

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

[SpaceFrog]

10 posts pour ça !!

[DevServlet]

Voila le bout de code :

Code :

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

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 :

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

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.

[SpaceFrog]

Code :

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

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

[Bovino]

Et aussi :

Code html :

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

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

Bof bof...

Code html :

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

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

[bigboomshakala]

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

[DevServlet]

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