1. Introduction
2. Langage HTML
3. Feuilles de style
4. Scripts et évènements

4.1. Evènements

4.2. Scripts

5. Références
6. Travail Pratique






Scripts et Evènements / Scripts

  • Il existe plusieurs langages de script, le plus courant étant Javascript.
  • Les langages de script sont interprétés et orientés objet.
  • Les scripts permettent une meilleure intéractivité avec l'utilisateur.
  • Ils permettent aussi de moins sollisciter le serveur.
  • Le Javascript offre de nombreuses possibilités. Nous n'en verrons pas beaucoup.

Objets javascripts

Objet formulaire

onclick="document.forms['myform'].submit(); return false;"
onclick="document.forms['myform'].reset(); return false;"

Objet image

onmouseover="document.images['myimage'].src='./toto.png'"
onmouseout="document.images['myimage'].src='./titi.png'"

Objet frame

onclick="top.frames['content'].location='./index.html"

Utilisation de l'évènement onclick avec le lien

Si vous souhaitez que le lien soit suivi après l'évènement, le script doit se terminer par : return true;. Dans le cas contraire, il doit se terminer par return false;.

Fonctions Javascript

alert( 'Le chargement de cette page peut prendre plusieures minutes !' );
window.open( './index.html', 'popup', 'width=400, height=338' );
<a href="./next.html" onclick="return confirm( 'Etes-vous sur de vouloir passer à la page suivante ?' );">

Débogage

Sous Netscape et Mozilla, on peut obtenir une console de débogage Javascript en tapant l'URL : javascript:.


Scripts et Evènements / Evènements