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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  js apparition texte au passage de la souris

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

js apparition texte au passage de la souris

n°2193059
bjo393
Posté le 06-06-2013 à 09:12:23  profilanswer
 

bonjour,
je cherche a faire apparaitre un texte bull sur le passage a la souris, je sais que c'est du js, mais je c'est pas comment faire.

mood
Publicité
Posté le 06-06-2013 à 09:12:23  profilanswer
 

n°2193060
x1fr
Posté le 06-06-2013 à 09:19:01  profilanswer
 

Le plus simple (et probablement le plus compatible) est d'utiliser l'attribut title :

 

http://www.w3schools.com/tags/att_global_title.asp


Message édité par x1fr le 06-06-2013 à 09:19:36

---------------
Origin / PSN / Steam / Uplay : x1fr - bnet : Fab#2717
n°2193070
tobiii
Posté le 06-06-2013 à 10:23:55  profilanswer
 

bonjour,
tu peux utiliser les evenement liés à la souris( onmousefocus.....)
et afficher le texte dans la< div> que tu veux
c'est tres simple a gerer mais je sais pas si c'est ce que tu veux exactement...

n°2193213
pyrogoto
Posté le 06-06-2013 à 20:18:19  profilanswer
 

pour une petite infobulle
juste en HTML + CSS sa peut suffire
 
exemple :
 
code HTML :


<div class="appel">
     <div>texte</div>
     <div class="bulle">information sur le texte</div>
</div>


 
 
code CSS :


.bulle
     {
     position:absolute; display:none;
     width:50px; height:30px;
     background:grey;
     border:1px solid black;
     }
 
.appel:hover .bulle
     {
     display:block;
     }


---------------
Mon feedback
n°2193248
gatsu35
Blablaté par Harko
Posté le 07-06-2013 à 09:51:28  profilanswer
 

solution sexy :  

Code :
  1. <a href="#" title="kikooo je suis un title">mouse over please</a>


Code :
  1. a {
  2.   display:inline-block;
  3.   position:relative;
  4. }
  5. a:after {
  6.   content:attr(title);
  7.   display:none;
  8.   position:absolute;
  9.   left:50%;
  10.   bottom:100%;
  11.   margin-bottom:5px;
  12.   min-width:200px;
  13.   background:orange;
  14.   padding:10px;
  15.   color:#000;
  16. }
  17. a:hover:after {
  18.   display:block;
  19. }


http://jsbin.com/isemon/1/edit


---------------
Blablaté par Harko
n°2193333
harratch
Posté le 07-06-2013 à 16:13:52  profilanswer
 

bonjour
Tout dépend des attributs de l'objet que ton curseur "survole". Si l'évènement "mouseEnter" ou "mouseLeave" est géré par cet objet, alors il répondra au passage (ou à la pause) du curseur dans sa région. Tu n'as plus qu'à capter ce message et en faire.... ce que tu veux.

n°2193337
mechkurt
Posté le 07-06-2013 à 16:59:17  profilanswer
 

gatsu35 a écrit :

solution sexy :  
[...]


Sympa  ta solution en css pure mais on se retrouves du coups avec 2 tips, y'a moyen de virer celui par défaut ?


---------------
D3

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

  js apparition texte au passage de la souris

 

Sujets relatifs
Programmation python, fouille de textesuppression de colonne dans un texte
FICHIER TEXTE en JAVA un texte aléatoire dans un fenetre Popup
Changer ligne d'un fichier texteVB concatenation de texte
passage de variable a la volée vers une formPassage de variable dans une autre form
Enregister texte de textboxRechercher les lignes les plus pertinentes contenues dans un texte
Plus de sujets relatifs à : js apparition texte au passage de la souris


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