changer le background d'un tr en Js

[yann214]

Salut,

Je voudrais pouvoir changer la background-image d'une balise <tr> via un javascript.
Par exemple j'ai un champ dans lequel je met l'url du background et quand le contenu de ce champ change, j'appelle un javascript qui me change le background d'une <tr> bien précise dans ma page.

Merci !!!

 

[mr_go]

Facile =>

Dans ton TR :
onmouseover=this.bgColor='COULEUR_SURLIGNEE';
onmouseout=this.bgColor='COULEUR_ORIGINE' ;

 

[yann214]

c'est pas exactement ce que je veux faire.
Le changement d'image doit se faire sur un autre objet que la balise tr elle même, comme un input ou une checkbox

 

[madx]

Tu peux faire :

onmouseover="document.getElementById('toto').style.backgroundColor = '#faf10a';"

Mais le plus simple c'est de de faire une fonction en javascript

function changecouleur(id,couleur){
var ton_id= document.getElementById(id);
ton_id.style.backgroundColor = couleur;
}

et sur ta page
<tr onmouseover="changecouleur('mon_id','la_couleur');"><td>....
et sur ton <input id="mon_id" .... />

etc...

 

[yann214]

Bon j'y suis arrivé, voici comment j'ai fait :

function maj_img_tr(imgurl){
document.getElementById(\'id_balise_tr\').style.backgroundImage = "url(http://"+imgurl+")";
}

Javascript que j'appelle sur l'événement de mon input.

C'était tout simple !

Merci à vous pour les pistes que vous m'avez données !!!!

 

[mr_go]

^^ et merci de donner la solution pour les autres