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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Mettre texte en gras en js ou css dynamiquement

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Mettre texte en gras en js ou css dynamiquement

n°1254588
faboubou
Posté le 28-11-2005 à 11:48:12  profilanswer
 

Bonjour à tous,
 
voilà je vous explique mon probleme. J'ai un text présent dans une balise span. Je voudrai mettre ce texte en gras lors du survol du texte et avoir le texte normal quand on quitte la zone de survol du texte. J'ai bien essayé ceci:
 

Code :
  1. <span style='cursor: pointer;' onMouseOver="this.innerHTML=this.innerHTML.bold();" onMouseOut="this.innerHTML=$row[opser_line_operator];">$row[opser_line_operator]</span>


 
Mais le truc c'est que lorsque je survol la zone, le texte se met en gras mais se remet de suite en normal...Pourtant je suis toujours dans le span avec ma souris je ne comprend pas.  
Y'a t-il une autre solution?
 
Merci d'avance.

mood
Publicité
Posté le 28-11-2005 à 11:48:12  profilanswer
 

n°1254591
anapajari
s/travail/glanding on hfr/gs;
Posté le 28-11-2005 à 12:01:21  profilanswer
 

Bon "La" solution consiste à déclarer proprement le style de tes spans en css, un truc du genre:

Code :
  1. span{
  2. cursor: pointer
  3. }
  4. span:hover{
  5. font-weight:bolder;
  6. }


Mais là, tu risques de me dire: "Oui mais ça marche pas sur IE..."
 
Certes! Alors une autre solution consiste à remplacer tes spans par des A et refaire la css proprement pour les liens.
 
En tout cas j'éviterais le javascript pour faire ça....

n°1254601
faboubou
Posté le 28-11-2005 à 12:19:32  profilanswer
 

Attention je vais te dire.
Oui mais ca ne marche pas sur IE lol
 
Je vais essayer ta soluce et je vais bien voir en tout cas merci :-)

n°1254664
faboubou
Posté le 28-11-2005 à 14:26:18  profilanswer
 

En fait j'ai trouvé la solution elle consiste a faire ceci:
 

Code :
  1. <span style='cursor:pointer;' OnMouseOver="this.className='gras';" onMouseOut="this.className='normal';">Coucou</span>


avec dans votre fichier css:
 

Code :
  1. span.gras{
  2.   font-weight:bold;
  3. }
  4. span.normal{
  5.   font-weight:normal;
  6. }


Message édité par faboubou le 28-11-2005 à 14:26:54
n°1254675
anapajari
s/travail/glanding on hfr/gs;
Posté le 28-11-2005 à 14:42:35  profilanswer
 

Oui mais comme je l'ai dit plus haut, utilisé du js pour ça alors que ce n'est pas vraiment nécessaire ... Bof [:anne-sophie]


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

  Mettre texte en gras en js ou css dynamiquement

 

Sujets relatifs
[Acrobat] créer une liste déroulante avec champs de texteSe mettre aux servlet
texte sur 2 colonnes en CSS ???Affichage du texte varie
[ASP] Lecture dans un fichier texteRechercher un texte aveou sans la ponctuation
Changement de couleur du texte via CSSmettre des lettres à la suite dans un label avec un boucle...
(VC++/Win32) [resolu] récupérer le texte d'un tooltip grace à son hwnd[AS] Dupliquer dynamiquement un champ texte.
Plus de sujets relatifs à : Mettre texte en gras en js ou css dynamiquement


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