Besoin d'aide avec javascript

Fermé
Utilisateur anonyme - 17 oct. 2012 à 13:22
 cabon.contact - 31 oct. 2012 à 16:03
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 ?


A voir également:

2 réponses

DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
31 oct. 2012 à 15:29
<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
cabon.contact
31 oct. 2012 à 16:03
Merci pour ta réponse, je vais étudier tout ça :)
0