
Exemples de JavaScript
  
3. Quelques fonctions
3.1 Exécuter une fonction JavaScript
Voici quelques une des solutions les plus utilisées :
- OnLoad :
Si une fonction est définie dans l'en-tête, on peut l'exécuter avec Onload (Execute la fonction au chargement du document).
<HTML> <HEAD> <TITLE> Le titre </TITLE>
<SCRIPT LANGUAGE="JavaScript">
fonction fonction1(){
alert("Une petit Fonction JavaScript...");
}
</SCRIPT>
<BODY OnLoad="fonction1()">
</BODY> </HTML>
Ex: Script de l'introduction...
- Utiliser le bouton gris :
<FORM> <INPUT TYPE="button" value="Exécuter" onClick="window.alert('Pourquoi pas la Boite ?')"> </FORM>
- Utiliser un lien HyperText :
- Avec du Texte :
Cliquez ici
<A HREF="JavaScript: Fonction()"> Cliquez ici </A>
- Avec une image :
<A HREF="JavaScript: Fonction()"> <IMG SRC="smiley.gif" </A>
- Fonction() étant un petit programme prédéfini dans l'en-tête du document (
<HEAD> </HEAD> )
3.2 Boîte de Message :
Il est possible de faire apparaître une boite de message avec la fonction : window.alert('message')
<FORM> <INPUT TYPE="button" value="Boite de message" OnClick="window.alert('Bonjour !')"> </FORM>
3.3 Au passage de la souris
- Cet exemple permet d'afficher un test dans la barre d'état.
<A HREF=" " OnMouseOver="window.status='Sympa pour donner des informations'; return true"> Passer la souris ici </A>
Passer la souris ici
- Cet exemple permet d'ouvrir une boîte de Message au passage de la souris.
<A HREF=" " OnMouseOver="window.alert('Surprenant Non ?')"> Passer la souris ici </A>
Passer la souris ici
  
|