Tutoriaux, Sommaire JavaScript

    Votre premier programme sera inséré dans une page html avant le tags </head>. Le code javascript est inséré entre les deux tags <script> et </script>.
    Le code :
<script>
    alert("Bonjour tout le monde")
</script>
édite une boite de dialogue contenant le message entre double apostrophes, comme celle-ci.

    Dans la zone de texte ci-dessous le code d'une page Html contenant le programme que nous venons de voir est affiché. En cliquant sur le bouton " Afficher la page", vous faites apparaître une fenêtre réduite ou ce code Html sera exécuté. Vous pouvez modifier le texte dans la zone de texte et exécuter votre code modifié par le bouton "Afficher la page". Vous pouvez revenir au code initial par le bouton "Code initial", le bouton "Effacer le code" affiche un squelette de page Html minimum.

    Au niveau de l'essai de programme il est important de pouvoir les tester sur les navigateurs les plus courant sur le Net, Internet Explorer et Netscape.
    Sous quelle version?
    Actuellement on peut développer pour les versions 4 de ces navigateurs, les essais pourront être fait sur les versions 4 ou 5 de Internet Explorer. Ma philosophie étant d'écrire des programmes pour les navigateurs représentant la part la plus significative du marché, actuellement, (juin 2000), ce sont les versions 4 de Netscape Communicator et les versions 4 et 5 d'Internet Explorer. Ces navigateurs représentent actuellement 93% du marché. On assistera dans quelque temps à un ajustement pour suivre l'apparition des nouveaux navigateurs, en particulier la version 6 de Netscape. Cependant avec quelques précautions les programmes fonctionnant actuellement sur les versions 4 fonctionneront sur les versions immédiatement supérieurs.
    Les versions de ces  navigateurs inférieurs à 4 représentent actuellement, (Juin 2000), moins de 7% des navigateurs. Ces "vieux" navigateurs sont principalement employés par des gens qui n'utilisent que des fonctions de Mail ou de Chat ou qui fonctionnent sur des Intranets, ce qui réduit encore leur présence en consultation de pages. Je préconise donc de prévoir un diagnostic à l'entrée du site dirigeant les possesseurs de navigateurs de version 2 ou 3 vers une page leur indiquant qu'ils ont intérêt à mettre à jour leur version de navigateur.

    En cas d'erreur de syntaxe, (écriture du code), le navigateur vous édite un message d'erreur. Dans le cadre de ce tutorial les programmes d'exemples sont exécutés dans des fenêtres, il peut arriver que rien ne se passe quand vous appuyer sur "Afficher la page", suivant les navigateurs nous aurons des comportements différends.
    Internet Explorer édite une boite de dialogue comme celle-ci :

    Cette boite peut ne pas apparaitre, dans ce cas elle est derriére les autres fenêtre, sous Windows il faut cliquer sur l'icône de la barre des taches située le plus à droite pour la faire apparaitre.
    Cette boite nous donne une localisation de l'erreur, N° de ligne, et une indication sommaire de sa nature. Si cette boite ne s'affiche pas en cas d'erreur, (nous ferons un test tout à l'heure), cochez la case "Afficher une notification de chaque erreur de script" dans les Options Internet, onglet Avancées
    Il existe un add-on permettant le débug sur le navigateur, mais jusqu'à maintenant il ne fonctionne pas sur les versions 5  de IE.

    Netscape.
    Sous Communicator, à partir de la version 4.5 il n'y a pas d'affichage de boite de dialogue. En cas d'erreur de script, un message apparait dans la barre d'état, (en bas de la fenêtre), JavaScript Error. Quelquefois rien n'apparait dans cette barre d'état même si une erreur se produit.
    Pour avoir un rapport détaillé sur les erreurs survenus, il faut faire apparaitre la console javascript, en tapant javascript: dans la barre d'adresse. La console apparait comme ci-dessous.

    Généralement elle édite la ligne en défaut.
    Un moyen pratique d'éditer cette console est de programmer sa présence dans la barre d'outils personnels, comme ci-dessous, (Console).

    Pour ce faire :
        éditer les signets
        se positionner sur : Dossier de barre d'outils personnels
        dans fichier faire "Nouveau signet"
        Dans la boite de dialogue qui apparait donner un nom à ce signet, (exemple Console).
        Dans la ligne "Adresse(URL:)", tapez javascript:
        Faire "OK"
        Fermer les signets.

  Quand vous cliquerez sur cet outil vous afficherez la console javascript.

	Sommaire
Précédent		Suivant