html lien et style

**marion782** · 09/06/2005, 17h58

Bonjour,
J'ai un tableau en html, sur les lignes j'applique une fonction javascript qui permet de gérer la couleur du texte selon qu'il soit selectionné ou non. Dans ce tableau j'ai une colonne que est un lien vers un autre fichier.
Mon problème est que le texte du lien ne se met pas de la couleur prévue (comme les autres colonnes), j'ai la couleur classique des liens (bleu, violet).
Comment puis-je faire pour que ma fonction js s'applique au texte de ce lien (comme pour les autres colonnes)
Merci d'avance

**fred777888999** · 09/06/2005, 18h02

Sans tes sources il va etre tres difficile de te repondre autre chose que 'en corrigeant ta fonction'...

**marion782** · 09/06/2005, 18h08

Voici un extrait de ma fonction js appelé sur les lignes de mon tableau

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
ligneSelectionnee=NumLigne;
var tableau=document.getElementById(idTab);
 
var couleur;
var couleur_fond;
 
for (var j=0;j<tableau.rows.length;j++) {    
    switch (j) {
     case 0 :
       couleur=couleur_normal;
       couleur_fond=couleur_fond_entete;
       break;
 
     case NumLigne :
       couleur=couleur_selection;
       couleur_fond=couleur_fond_selection;
       break;    
 
     default :
       couleur=couleur_normal;
       couleur_fond=couleur_fond_normal;
 
     }
 
    tableau.rows[j].style.color=couleur;
    tableau.rows[j].style.backgroundColor=couleur_fond;
	}

**fred777888999** · 09/06/2005, 18h32

Oki, je comprends mieux. Tu applique un style sur ta ligne (row) mais ton element le plus bas (le lien) a un style prioritaire.
Dans ton cas, je penses que tu dois mettre l'element color a tous les enfants de ta ligne. En bouclant sur ces derniers, ca donnerai un truc a adapter du genre:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<html>
<head>
</head>
<body>
<table id="table">
<tr>
<td>&nbsp;<a href="toto" style="color: inherit;">TOTO</a></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;TOTO</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
<script type="text/javascript">
elem=document.getElementById("table");
elem.rows[0].style.backgroundColor="#555555";
for ( i = 0; i < elem.rows[0].children.length; i++ ) {
        for ( j= 0; j < elem.rows[0].children[i].children.length; j++ ) {
                try {
                        elem.rows[0].children[i].children[j].style.color="red";
                }
                catch(e) {}
        }
}
elem.rows[1].style.backgroundColor="#555555";
elem.rows[1].style.Color="red";
elem.rows[0].firstChild.style.Color="red";
</script>
</html>

Le try/catch sert a ne pas generer d'erreur si un element n'as pas de style, au cas ou...
Neanmoins, je ne suis pas du tout certain que ce soit une bonne idée, car il est alors plus difficile d'identifier visuellement les liens.
Bon courage.
Fred.

**marion782** · 16/06/2005, 17h10

Merci, c'est cool ça marche

html lien et style

HTML

Vue hybride

Discussions similaires

Partager

Partager