Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1506 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  JS et changement dyn. des liens...

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

JS et changement dyn. des liens...

n°868916
Hermes le ​Messager
Breton Quiétiste
Posté le 09-10-2004 à 11:31:07  profilanswer
 

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

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


 
MAIS :
 
j'ai :
 

Code :
  1. #trucmuche
  2. {
  3. prop1... ;
  4. prop2... ;
  5. prop3... ;
  6. }
  7. #trucmuche a
  8. {
  9. ...
  10. }
  11. #trucmuche a:hover
  12. {
  13. ...
  14. }


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

mood
Publicité
Posté le 09-10-2004 à 11:31:07  profilanswer
 

n°869079
Hermes le ​Messager
Breton Quiétiste
Posté le 09-10-2004 à 16:08:15  profilanswer
 

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

n°869084
gizmo
Posté le 09-10-2004 à 16:26:55  profilanswer
 

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.

n°869086
Hermes le ​Messager
Breton Quiétiste
Posté le 09-10-2004 à 16:30:34  profilanswer
 

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. :D
 
 
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...

n°869209
Leris
Posté le 09-10-2004 à 20:37:45  profilanswer
 

Salut,
 
pas trop pigé ce que tu cherches à faire ...
 
à tout hasard ...  
 

Code :
  1. <style type=text/css>
  2. body{
  3. text-align:center;
  4. font-family:verdana, arial;
  5. font-size:1em; 
  6. margin:10px;
  7. background:#D6DEFF;
  8. overflow:auto;
  9. }
  10. #trucmuche
  11. {
  12. color:blue;
  13. }
  14. #trucmuche a
  15. {
  16. color:red;
  17. }
  18. #trucmuche a:hover
  19. {
  20. color:yellow; 
  21. }
  22. .norml{
  23. color:black;
  24. }
  25. .lien1 a{
  26. color:green;
  27. }
  28. </style>
  29. </head>
  30. <BODY>
  31. <br><br>
  32. <div id="trukchose" class="lien1"><a href="#">ici le lien</a></div><br><br>
  33. <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
n°869213
Hermes le ​Messager
Breton Quiétiste
Posté le 09-10-2004 à 20:45:14  profilanswer
 

Leris a écrit :

Salut,
 
pas trop pigé ce que tu cherches à faire ...
 
à tout hasard ...  
 

Code :
  1. <style type=text/css>
  2. body{
  3. text-align:center;
  4. font-family:verdana, arial;
  5. font-size:1em; 
  6. margin:10px;
  7. background:#D6DEFF;
  8. overflow:auto;
  9. }
  10. #trucmuche
  11. {
  12. color:blue;
  13. }
  14. #trucmuche a
  15. {
  16. color:red;
  17. }
  18. #trucmuche a:hover
  19. {
  20. color:yellow; 
  21. }
  22. .norml{
  23. color:black;
  24. }
  25. .lien1 a{
  26. color:green;
  27. }
  28. </style>
  29. </head>
  30. <BODY>
  31. <br><br>
  32. <div id="trukchose" class="lien1"><a href="#">ici le lien</a></div><br><br>
  33. <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...


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  JS et changement dyn. des liens...

 

Sujets relatifs
Css et liens..Couleur de liens ....
Intégrer des liens dans une photo publiée sur une page webChangement curseur
[Résolu] 2 styles css différents pour les liensUserForm et liens entre VBA etExcel
[Perl] Détecter un changement d'heureliens et publipostage
[Batch] Copie repertoires avec changement de nomchangement de page stylé
Plus de sujets relatifs à : JS et changement dyn. des liens...


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR