« Le langage HTML/Balises complémentaires » : différence entre les versions

Contenu supprimé Contenu ajouté
+
Ligne 31 :
 
== Les scripts ==
 
La balise <code>&lt;script&gt;</code> permet d'insérer un script dans un langage spécifié par l'attribut <code>language</code>. Le type est également spécifié par l'attribut <code>type</code>.
 
Cette balise peut être placée dans la partie <code>&lt;head&gt;</code> ou <code>&lt;body&gt;</code> de la page HTML.
 
Exemple :
<source lang="html4strict">
<script language="Javascript1.2" type="text/javascript">
 
var resultat = "aucun";
 
function clic_bouton()
{
alert("Résultat = " + resultat);
}
</script>
</source>
 
Le langage du script peut être quelconque (VBScript, Javascript, ...), mais seul le [[Programmation/Javascript|Javascript]] est reconnu par la plupart des navigateurs.
 
=== Événements ===
Le script peut définir des fonctions appelées plus tard, lorsqu'un évènement particulier survient (clic d'un bouton par exemple).
 
Les différentes balises HTML, en particulier les champs de formulaire, permettent de faire appel à une fonction javascript pour traiter certains évènements.
L'appel se fait en ajoutant un attribut dont le nom commence par "<code>on</code>" suivi du nom de l'évènement. La valeur de l'attribut est un code javascript (souvent un appel de fonction), qui doit retourner une valeur booléenne. Si le code retourne faux (<code>false</code>), l'action par défaut associée à l'évènement est annulée.
 
Exemple :
<source lang="html4strict">
<script language="Javascript1.2" type="text/javascript">
function envoi_formulaire()
{
return confirm("Voulez-vous réellement envoyer les données au serveur ?");
}
</script>
<form action="/envoyer.cgi" onsubmit="return envoi_formulaire();">
<label>
<input type="text" name="nom"></input>
<br />
<input type="submit" value="Envoyer"></input>
</form>
</source>
 
=== Script dans un lien ===
Un lien dont l'adresse commence par <code>"javascript:"</code> est en fait un code javascript. En général, il s'agit d'un appel de fonction.
 
Exemple :
<source lang="html4strict">
<a href="javascript:clic_bouton()">Appel à la fonction</a>
</source>
 
==Les applets==