Lancer un éditeur de texte. Un éditeur de texte (à ne pas confondre
avec un traitement de texte) est une application qui édite
toujours le source c'est à dire
le contenu brut des fichiers qu'on lui fait ouvrir.
Par exemple, on peut voir et modifier le source de la page web par l'éditeur.
Si vous utilisez le composeur de page (application Nvu ou commande nvu &), il faut passer, par les onglets d'en bas, du mode normal au mode source.
Editez par exemple la page monExemple.html du TD précédent (celle que vous avez créée au début).
Lancez maintenant le navigateur Firefox.Ouvrez le fichier monExemple.html
Nous avons mis en place notre environnement de travail, qui est composé du
navigateur, de l'éditeur et du terminal.
Ce cours est largement inspiré des tutoriaux Javascript que l'on peut trouver sur le site PhpFrance.
Le langage Javascript est surtout utilisé en complément des pages HTML. Il permet de manipuler les éléments des pages HTML, et est interprété par le navigateur et non par le serveur, comme cela a été expliqué en cours.
La manière la plus simple et la plus directe pour intégrer du Javascript au code source d'une page HTML est d'utiliser la balise <script>.
Insérez le code HTML suivant dans le corps de page (après <body> et avant </body>):
<SCRIPT language="Javascript">
<!--
alert("Bonjour tout le monde!");
// -->
</SCRIPT>
Actualisez votre page sur le navigateur: que se passe-t-il?
Jusqu'au HTML 4.0, la balise <script> prend comme attribut language="javascript". C'est ce que nous avons utilisé dans l'exercice ci-dessus.
Le HTML 4.0 remplace l'attribut language="javascript" par l'attribut type="text/javascript".
<script type="text/javascript">
<!--
alert("Hisse et oh - et un cruchon d'rhum !");
//-->
</script>
C'est pourquoi on voit souvent les deux, c'est à dire <script language="javascript" type="text/javascript">, mais maintenant (c'est à dire dans les navigateurs récents) seul l'attribut type="text/javascript" est nécessaire. En général, les navigateurs sont tolérants et acceptent l'un ou l'autre des attributs.
Prenez dès à présent des bonnes habitudes et corrigez votre page pour qu'elle soit compatible HTML 4.0.
Si l'utilisateur a décidé de désactiver l'exécution du Javascript dans les préférences de son navigateur internet, aucune des balises <script> présentes dans le code source de la page HTML ne seront interprétées.
Il est cependant possible de détecter la désactivation du Javascript avec la balise <noscript>.
Désactivez Javascript dans les préférences de votre navigateur et actualisez la page: que constatez vous?
Insérez maintenant ce code dans le corps de votre page:
<noscript>Votre navigateur ne lit pas le Javascript,
veuillez l'activer pour une utilisation optimale du site</noscript>
Actualisez la page: qu'observez vous?
Maintenant, réactivez Javascript dans les préférences de votre navigateur et actualisez la page: qu'observez vous?
Enregistrez votre fichier sous le nom essai.html et passez au TD suivant.