Récupérer la valeur d'un attribut d'un TD

Version imprimable

07/01/2008, 16h47
Trusti

Récupérer la valeur d'un attribut d'un TD

Bonjour à tous,

j'ai besoin de vos lumières : au boulot, on a une "application" via intranet particulièrement loupée graphiquement (je ne parle meme pas de la fonctionnalité) et étant donné qu'on a pas le choix de l'utiliser, je me suis dis que j'allais améliorer le truc grace à greasemonkey et donc a du javascript.

tout allez bien jusqu'a ce que....

En faite, j'aimerais récupérer la valeur du bgcolor d'une cellule TD [code en question : <td color="#00FF00" bgcolor="#00FF00" width="25"> </td>]. J'étais donc partis sur cette piste : var b = document.getElementsByTagName('td')[11].style.background;.
Résultat = rien, aucune valeur. En revanche si je fais un truc du genre document.getElementsByTagName('td')[11].style.background = "red", la cellule en question est bien modifiée.

bé voilà, si vous pouvez m'aider, ca serait cool. J'espère avoir été clair et donné suffisament d'infos, sinon n'hésitez pas;).
07/01/2008, 17h17
E.Bzz

Bonjour,
utilise une syntaxe plus précise (dédiée à la couleur de fond).
Ici tu utilises la syntaxe globale de gestion du background.

Code:

document.getElementsByTagName('td')[11].style.background-color;

A+
07/01/2008, 22h27
Trusti

ok merci, j'essaye ca demain matin.
08/01/2008, 09h27
Trusti

si je rajoute le paramètre color, ca ne marche plus (pour être plus précis, j'ai une alerte sur la variable et elle ne s'affiche meme plus). Si j'enlève "color", j'ai mon alert mais ma variable est vide.
08/01/2008, 09h45
E.Bzz

Oups !
C'est moi qui ait mélangé syntaxe CSS et syntaxe JS :aie:
=>

Code:

document.getElementsByTagName('td')[11].style.backgroundColor;

Désolé :oops:

A+
08/01/2008, 13h33
Trusti
c'est pas grave mais ca marche pas plus. J'ai qd meme testé plusieurs trucs avec ta réponse a savoir :

Pour rappel, voici la partie de mon code à partir duquel je veux récupérer la valeur du bgcolor du td:
Code:

1 2 3 4 5 <table align="center"> <tr> <td color="#00FF00" bgcolor="#00FF00" width="25"> </td> </tr> </table>
si je fais :

Code:

var b = document.getElementsByTagName('td')[11].style.backgroundColor

suivi de

Code:

alert(b)

ma variable est vide alors que le "td" en question a un bien un bgcolor.

Si je fais

Code:

document.getElementsByTagName('td')[11].style.backgroundColor="black"

suivi de

Code:

var b = document.getElementsByTagName('td')[11].style.background;

puis

Code:

alert(b)

ma variable est bien égale à black.
08/01/2008, 15h07
E.Bzz

Tu ne définis pas les styles en CSS.
Essaye juste de remplacer

Code:

<td color="#00FF00" bgcolor="#00FF00" width="25"> </td>

par

Code:

<td style="color:#00FF00;background-color:#00FF00;width:25px;"> </td>

A+
08/01/2008, 15h13
Trusti

cette partie du code fait partie de l'application, je ne peux pas la modifier.
08/01/2008, 15h45
E.Bzz

Citation:

Envoyé par Trusti

cette partie du code fait partie de l'application, je ne peux pas la modifier.

Alors redéfinis les styles en JS, comme tu l'as fait pour tes tests ...
Sinon tu ne pourras pas les récupérer (comme constaté).

A+
08/01/2008, 16h59
Trusti

bé je peux pas car en faite c'est le code pour la légende d'un tableau et les couleurs peuvent être modifiées...

vé essayer d'être clair :
admettons que la la légende soit:

rouge = Nok
vert = Ok

chaque cellule du tableau peut donc être soit Rouge soit Vert (logique).

moi, rouge et vert, j'aime pas, je veux que ce soit bleu pour Nok et jaune pour Ok ( je sais, c'est pas beau mais c'est pour l'exemple un...)

Le code serait du genre :
si cellule bgcolor=rouge alors cellule bgcolor=bleu
si cellule bgcolor=vert alors cellule bgcolor=jaune

et je change également la légende.

Et pour compliquer la chose, Rouge et vert ne sont pas fixe, Ca peut très bien être rouge et vert aujourd'hui, violet et marron demain, jaune et rouge après demain etc etc...

j'ai peur que ca soit pas possible...