Besoin d'aide avec javascript
cabon.contact
-
cabon.contact -
cabon.contact -
Bonjour,
J'aurais aimé savoir comment fait-on pour, lors d'un clique sur un lien, un pointeur apparaît dans une zone précise. J'aimerais faire un peu ce que Facebook avec le tchat, lors qu'on clique sur une personne, une fenêtre s'ouvre avec le pointeur texte déjà présent. Avez-vous une solution ?
J'aurais aimé savoir comment fait-on pour, lors d'un clique sur un lien, un pointeur apparaît dans une zone précise. J'aimerais faire un peu ce que Facebook avec le tchat, lors qu'on clique sur une personne, une fenêtre s'ouvre avec le pointeur texte déjà présent. Avez-vous une solution ?
2 réponses
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="Ton_Style.css" /> <script type="text/javascript" src="jquery-ui-1.8.7.min.js"></script> <script type="text/javascript" src="jquery.ui.core.js"></script> <script type="text/javascript" src="jquery.ui.widget.js"></script> <script type="text/javascript" src="jquery.ui.position.js"></script> <script type="text/javascript" src="jquery.bgiframe-2.1.2.js"></script> <script type="text/javascript" src="jquery.ui.mouse.js"></script> <script type="text/javascript" src="jquery.ui.button.js"></script> <script type="text/javascript" src="jquery.ui.draggable.js"></script> <script type="text/javascript" src="jquery.ui.resizable.js"></script> <script type="text/javascript" src="jquery.ui.dialog.js"></script> <script type="text/javascript" src="jquery.effects.core.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.Click_me').click(function(e){ e.preventDefault(); $('#Tchat').html('<br>La 2eme ligne est dynamique') $('#Tchat').dialog( "open" ); }); $('#Tchat').dialog({ autoOpen: false, resizable: false, draggable: false }); }); </script> </head> <body> <input type="button" class="Click_me" value="Click_me"> <a href="#" class="Click_me"> Click_me </a> <div id="Tchat"> La première ligne est statique </div> </body> </html>
les fichiers js que j'inclus sont téléchargeable ici
https://jqueryui.com/download/
Attention: le css est important pour avoir un rendu efficace voir même tout simple correct, je te conseille donc de faire attention à l'ensemble du plugin
si jamais tu n'arrive pas à implémenter, n'hésite pas à revenir poster.
-
