JS et changement dyn. des liens...

Marsh Posté le 09-10-2004 à 11:31:07

Question :

Si je veux changer dynamiquement le style d'un élément, je fais évidemment :

Code :

document.getElementById('id_element').style.propriété = "valeur";

MAIS :

j'ai :

Code :

#trucmuche
{
prop1... ;
prop2... ;
prop3... ;
}
#trucmuche a
{
...
}
#trucmuche a:hover
{
...
}

Comment appeler trucmuche a:hover par exemple ? [:ddr555] (je sais la drogue c'est mal...)

Reply

Marsh Posté le 09-10-2004 à 11:31:07

Reply

Marsh Posté le 09-10-2004 à 16:08:15

tit up, (bien que je me fais pas d'illusion...)

Reply

Marsh Posté le 09-10-2004 à 16:26:55

Hermes le Messager a écrit :

tit up, (bien que je me fasse pas d'illusion...)

[:aloy]

A mon avis, sans passer par l'évenement onmouseover, y a pas moyen vu que hover effectue le chagement de style durant cet évènement.

Reply

Marsh Posté le 09-10-2004 à 16:30:34

gizmo a écrit :

[:aloy]

A mon avis, sans passer par l'évenement onmouseover, y a pas moyen vu que hover effectue le chagement de style durant cet évènement.

Merci pour la correction.

Sinon, c'est bien ce que je pensais... j'ai vu aucun exemple de modification dynamique de ce genre, ce qui peut se comprendre, vu que le hover marche partout et n'a pas besoin de JS. Mais bon, comme quoi, on ne peut jamais tout prévoir...

Reply

Marsh Posté le 09-10-2004 à 20:37:45

Salut,

pas trop pigé ce que tu cherches à faire ...

à tout hasard ...

Code :

<style type=text/css>
body{
text-align:center;
font-family:verdana, arial;
font-size:1em;
margin:10px;
background:#D6DEFF;
overflow:auto;
}
#trucmuche
{
color:blue;
}
#trucmuche a
{
color:red;
}
#trucmuche a:hover
{
color:yellow;
}
.norml{
color:black;
}
.lien1 a{
color:green;
}
</style>
</head>
<BODY>
<br><br>
<div id="trukchose" class="lien1"><a href="#">ici le lien</a></div><br><br>
<div id="trukchose2" class="norml" onClick="document.getElementById('trukchose').id='trucmuche';">ici le texte à clicker</div>

bien entendu , au 2eme click , tu as une erreur , l'id n'existant plus ...

++

L.

Message édité par Leris le 09-10-2004 à 20:39:34

Reply

Marsh Posté le 09-10-2004 à 20:45:14

Leris a écrit :

Salut,

pas trop pigé ce que tu cherches à faire ...

à tout hasard ...

Code :

<style type=text/css>
body{
text-align:center;
font-family:verdana, arial;
font-size:1em;
margin:10px;
background:#D6DEFF;
overflow:auto;
}
#trucmuche
{
color:blue;
}
#trucmuche a
{
color:red;
}
#trucmuche a:hover
{
color:yellow;
}
.norml{
color:black;
}
.lien1 a{
color:green;
}
</style>
</head>
<BODY>
<br><br>
<div id="trukchose" class="lien1"><a href="#">ici le lien</a></div><br><br>
<div id="trukchose2" class="norml" onClick="document.getElementById('trukchose').id='trucmuche';">ici le texte à clicker</div>

bien entendu , au 2eme click , tu as une erreur , l'id n'existant plus ...

++

L.

humm pas bête, je vais y réfléchir...

Reply

JS et changement dyn. des liens...

Sujets relatifs:

Leave a Replay