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

Un livre de Wikilivres.
Contenu supprimé Contenu ajouté
+
Ligne 31 : Ligne 31 :


== Les scripts ==
== 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==
==Les applets==

Version du 4 mai 2009 à 13:45

Cette page est considérée comme une ébauche à compléter . Si vous possédez quelques connaissances sur le sujet, vous pouvez les partager en éditant dès à présent cette page (en cliquant sur le lien « modifier »).

Ressources suggérées : Aucune (vous pouvez indiquer les ressources que vous suggérez qui pourraient aider d'autres personnes à compléter cette page dans le paramètre « ressources » du modèle? engendrant ce cadre)

Éléments de phrase

Les éléments de phrase ont été mentionnés dans le chapitre Style de texte. Il existe d'autres éléments « exotiques », dont la définition en HTML 4.01 est très vague et qui ne sont en pratique pas utilisés (mais on peut toujours les associer à une mise en forme particulière avec du CSS).
Éléments de phrase « exotiques »
Style Balise Mnémotechnique Rendu par défaut
terme faisant l'objet d'une définition <dfn></dfn> italiques
extrait de programme <samp></samp> sample (échantillon) idem <code>
variable ou paramètre d'un programme <var></var>

Les balises multimédia

Les scripts

La balise <script> permet d'insérer un script dans un langage spécifié par l'attribut language. Le type est également spécifié par l'attribut type.

Cette balise peut être placée dans la partie <head> ou <body> de la page HTML.

Exemple :

<script language="Javascript1.2" type="text/javascript">

var resultat = "aucun";

function clic_bouton()
{
  alert("Résultat = " + resultat);
}
</script>

Le langage du script peut être quelconque (VBScript, Javascript, ...), mais seul le 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 "on" 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 (false), l'action par défaut associée à l'évènement est annulée.

Exemple :

<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>

Script dans un lien

Un lien dont l'adresse commence par "javascript:" est en fait un code javascript. En général, il s'agit d'un appel de fonction.

Exemple :

<a href="javascript:clic_bouton()">Appel à la fonction</a>

Les applets