Javascript
- Script
<script type="application/javascript"
et donc interprêté - Langage orienté objet
- Côté client; ne jamais faire confiance au client, mais il peut rendre service ;-)
- La syntaxe est assez proche du PHP
Premier exemple
<script type="application/javascript"> alert('Hello world'); </script>
Accéder au contenu de la page
// On recherche l'élément ayant pour attribut id la valeur identifiant document.getElementById("identifiant"); // On recherche les balises H1 document.getElementsByTagName('h1');
JQuery
Librairie Javascript permettant de simplifier les fonctionnalités de Javascript et permet notamment la mise en oeuvre d'Ajax.
La syntaxe suivante permet d'exécuter le script dès que le document est prête à être manipulé.
Evènement
<script type="text/javascript"> $( document ).ready(function() { $( "a" ).click(function( event ) { // clic sur un lien alert( "Merci de la visite !" ); }); }); </script>
Cliquer sur ce bloc déclenche une alerte
Dans l'exemple, on a ajouté un événement sur le clic d'un lien (on utilise ici aussi un sélecteur). L'inspecteur des navigateurs modernes permet d'étudier les événements sur les éléments.
Manipuler l'HTML
$( "a" ).addClass( "joliLien" ); // On ajoute la classe aux liens
Ce bloc est cliquable pour l'exemple
Effets
$( "a" ).click(function( event ) { $( this ).hide( "slow" ); });
Ce bloc va disparaître.
http://api.jquery.com/category/effects/