jQuery est une bibliothèque JavaScript très populaire qui permet aux développeurs web de créer des sites web interactifs et dynamiques. Elle offre une variété de fonctionnalités qui peuvent être utilisées pour créer des sites web plus intuitifs et conviviaux. Dans cet article, nous allons voir comment jQuery peut être utilisé pour modifier le contenu d’un textarea en un seul clic sur un bouton. Nous verrons comment cette fonctionnalité peut être implémentée et comment elle peut être utilisée pour améliorer l’expérience utilisateur.
jQuery : Un clic bouton modifie un textarea
Téléchargement
- Ce code est disponible ici : http://www.cloud-mon-club-elec.fr/public.php?service=files&t=86fcdc71c6eaee1a88701b3b03a9022d&download
Ce que l’on va faire ici
- Dans ce code jQuery intégré dans une page HTML, un clic bouton ajoute du texte à un champ texte.
Le code HTML + jQuery
<!– Debut de la page HTML –>
<html>
<!– Debut entete –>
<head>
<meta charset=« utf-8 » /> <!– Encodage de la page –>
<title>Titre</title> <!– Titre de la page –>
<script src=« http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js »></script>
BoutonContrôle du sens de rotation d’un moteur CC (courant continu) à l’aide d’un bouton poussoir <!– Debut du code Javascript –>
<script language=« javascript » type=« text/javascript »>
<!–
$(document).ready(function(){
$(« #button »).click(function(){
compt=compt+1
$(« #textarea »).append(« Clic bouton « +compt+« \n« );
textarea.setSelectionRange(textarea.selectionEnd–1,textarea.selectionEnd–1); // se place a la fin -1 pour avant saut de ligne
}); // fin $(« #myButton »).click
}); // fin $(document).ready
</script>
<!– Fin du code Javascript –>
</head>
<!– Fin entete –>
<!– Debut Corps de page HTML –>
<body >
<button id=« button »>Click me !</button>
<br />
<textarea id=« textarea »></textarea>
</body>
<!– Fin de corps de page HTML –>
</html>
<!– Fin de la page HTML –>
