Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : créer infobulles accompagnant un bouton ou image [ Réseau & Internet / HTTP ] (Zboubi)

vendredi 27 avril 2007 à 10:18:01 | créer infobulles accompagnant un bouton ou image

Zboubi

Bonjour, je suis nouveau sur ce site, je cherche un moyen d'afficher une infobulle au passage de la souris sur une image ou un bouton, je voudrais changer  le fond égalemant de l'infobulle en couleur, et le texte si possible.
Insérer une deuxième infobulles avec une mini-image si possible.
Si quelqu'un peut m'aider?
je dois utiliser l'asp ou le html, et j'utilise dreamweaver 8.0
C'est pour mon stage, merci beaucoup. 

dimanche 29 avril 2007 à 10:09:44 | Re : créer infobulles accompagnant un bouton ou image

clemox

Salut ^^

 Pour faire une infobulle, il te suffit d'utiliser du html, du css et du javascript ;)

Voilà un petit exemple qu'il te suffira de compléter selon tes besoins :

Pour le CSS :
 .ToolTip {
  display:none;
  position:absolute;
  border:1px solid black;
  background-color:#FFFFCC;
  width:50px;
  height:20px;
 }

Pour le javascript :
 function ShowToolTip(elt) {
  var tt = document.getElementById("ToolTip");
  tt.style.display = "block";
  tt.style.left = elt.offsetLeft + "px";
  tt.style.top = elt.offsetTop + "px";
 }

 function HideToolTip() {
  var tt = document.getElementById("ToolTip");
  tt.style.display = "none";
 }


Pour le HTML :
 <img src="./abc.jpg" alt="mon image" onmouseover="ShowToolTip(this);" onmouseout="HideToolTip();" />
 <div class="ToolTip" id="ToolTip">blabla</div>


Ca marche sur IE et FX. Si tu veux modifier des attributs (fond, texte ...), il suffit de compléter les fonctions javascript.

Bonne chance ^^
---------
Clem




Cette discussion est classé dans : bouton, créer, image, infobulles, accompagnant


Répondre à ce message

Sujets en rapport avec ce message

Pb avec image pour submit [ par franzioz ] (une réponse)Hello,J'ai un petit pb car je veux mettre une image a la place d'un bouton pour envoyer mes donnes d'un formulaire. Le probleme est que j Champ image - stock data [ par Bruto ] Je dispose d'une page qui sert à joindre des fichiers. A chaque fois que je créé une jointure ( clic bouton "sélectionner" ), je créé une ligne dynami créer un bouton parcourir [ par michong ] michong Michongsalut a tousvoila j'ai créer un page web asp et je voudrais créer un bou Bouton image [ par Appolon ] Bonjour,J'ai une page ASP avec du code JavaScript.J'ai une balise J'ai un menu déroulant qui fait appel à une fonction javascript sur l'évènement onch créer un document word avec image depuis un ASP [ par asetti ] Bonjour,j'ai un site web qui permet de visualiser une carte et son tableau de valeur (sur la carte il y a des camembert).Je voudrais pouvoir créer un Pertes de session [ par LeonDob ] Bonjour à tous,Voilà, je suis en train de créer une application Web APS.Net 2.0 avec langage VB et j'utilise de nombreuses sessions.Mon problème est l telechargement [ par layos ] bjr j'ai fait une page qui comporte un bouton et une image et je voudrais fare de sorte que si tu clic sur le bouton ke l'image soit telechargeable es problème avec un bouton créer dynamiquement [ par lenneth666 ] Voila dans mon code j'ai  Dim btn As New Button()   btn.Text = "Dynamique " & i.toString   btn.attributes("runat") = "server"   btn.width=  new Unit(" demande d'info sur la gestion onmouseover et onmouseout [ par nazzguhl ] Bonjour,Je débute en ASP2 et j'essaye de mettre en forme un site (équivalent à la méthode Frame) avec la Master page et les pages de contenu, j'ai à p Afficher une image [ par tutute ] Salut !!!Voilà mon pb :je suis en train de créer un "vidéo-club" en liant une BdeDonnées avec une page asple soucis c'est que dans ma table Film, j'ai


Nos sponsors

Sondage...

CalendriCode

Décembre 2008
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,125 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.