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/