Mettre texte en gras en js ou css dynamiquement

Mettre texte en gras en js ou css dynamiquement - HTML/CSS - Programmation

Marsh Posté le 28-11-2005 à 11:48:12    

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.

Reply

Marsh Posté le 28-11-2005 à 11:48:12   

Reply

Marsh Posté le 28-11-2005 à 12:01:21    

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

Reply

Marsh Posté le 28-11-2005 à 12:19:32    

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 :-)

Reply

Marsh Posté le 28-11-2005 à 14:26:18    

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. }
  5. span.normal{
  6.   font-weight:normal;
  7. }


Message édité par faboubou le 28-11-2005 à 14:26:54
Reply

Marsh Posté le 28-11-2005 à 14:42:35    

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]

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed