Se connecter avec
S'enregistrer | Connectez-vous

j'ai le script mais je ss pa comment faire .... !!! :-(

Dernière réponse : dans Programmation

slt tt le monde ...
je construi un site web et je veu inserer un truc : quand je remonte la souri au dessus d'un lien je vx qu'une ptite fenetre s'affiche a coté de la souri et qui donne les detailles sur le lien ... ya bcp d site qui fait ce truc
j'ai trouver un site ou il ya ce script mais je ss pa comment faire car chui nul au programmation... vs pouvez m'aider plz !! :-( :-( :-( :-?

Autres pages sur : script

Lassé par la pub ? Créez un compte

dans le head (entre <head> et </head>) :
  1. <style type="text/css">
  2. #infobulle{
  3. position: absolute;
  4. visibility : hidden;
  5. border: 1px solid #CCCCCC;
  6. padding: 10px;
  7. font-family: Verdana, Arial;
  8. font-size: 0.7em;
  9. background-color: Yellow;
  10. }
  11. </style>
  12.  
  13. <script type="text/javascript">
  14. /*******************
  15. * infobulles
  16. * Ben, 23/07/2005
  17. *******************/
  18.  
  19. // espacement entre le curseur et l'infobulle
  20. cursor_padding = 5;
  21.  
  22. // gestion des navigateurs (IE, MOZ, NS)
  23. nav = navigator.appName;
  24.  
  25. ie = document.all;
  26. ns = document.layers;
  27. fi = document.getElementById && !document.all;
  28.  
  29. if(!ie && !ns && !fi){
  30. alert("navigateur "+nav+" incompatible !");
  31. }
  32.  
  33. if(!ie){
  34. document.captureEvents(Event.MOUSEMOVE);
  35. }
  36.  
  37. document.onmousemove = get_mouse;
  38.  
  39. // recupere les coordonnees de la souris
  40. // les affecte au style de la div infobulle
  41. function get_mouse(e){
  42. if(ie){
  43. x = event.x;
  44. y = event.y;
  45. window.status = x;
  46. }else{
  47. x = e.pageX;
  48. y = e.pageY;
  49. }
  50.  
  51. bubble = document.getElementById("infobulle");
  52. bubble.style.left = x + cursor_padding;
  53. bubble.style.top = y + cursor_padding;
  54.  
  55. }
  56.  
  57.  
  58. // affiche la bubble
  59. function see_bubble(text){
  60. bubble.style.visibility = "visible";
  61. bubble.style.display = "block";
  62.  
  63. // bubble.innerHTML = text;
  64. // déconseillé pas aux normes
  65.  
  66. longueur_bubble = bubble.firstChild.length;
  67. bubble.firstChild.replaceData(0, longueur_bubble, text);
  68. }
  69.  
  70. // cache la bubble
  71. function kill_bubble(){
  72. bubble.style.visibility = "hidden";
  73. bubble.style.display = "none";
  74. }
  75. </script>


et dans le body (entre <body> et </body>) :
  1. <div id="infobulle">bubble</div>
  2.  
  3. <div>
  4. <a href="#" onmouseover="javascript:see_bubble('texte1');" onmouseout="javascript:kill_bubble();">le link</a>
  5. </div>
Lassé par la pub ? Créez un compte
Tom's guide dans le monde