Besoin d'aide avec javascript

Utilisateur anonyme -  
 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 ?


2 réponses

Réponse 1 / 2
DarkAurora Messages postés 417 Date d'inscription   Statut Membre Dernière intervention   27
  
<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.
0
Réponse 2 / 2
cabon.contact
 
Merci pour ta réponse, je vais étudier tout ça :)
0

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
javascript:void(0);
nano -
JCVD -

18 réponses
Faire un echo dans un script JS
CorentinRoche -
CorentinRoche -

6 réponses
a javascript error occurred in the main process
Kytsu1241 -
lolomusic667 -

1 réponse