Catégories
Uncategorized

Création de site Web – Partie 6: mise en forme des liens et menu de navigation


Même si tout s’est bien passé jusqu’à présent, le menu peut ne pas fonctionner. Si tel est le cas, vous devez avoir fait une erreur quelque part. Les navigateurs (et Live View de Dreamweaver dans une certaine mesure) peuvent tolérer certaines erreurs dans le code HTML, ainsi que dans les feuilles de style CSS. Malheureusement, ce n’est pas le cas avec JavaScript: une erreur et rien ne fonctionne.

Le script du fichier menu.js utilise une expression de fonction immédiatement appelée (IIFE). Cette fonction est exécutée immédiatement. Il utilise trois arguments: l’ID de lien de déclenchement, l’ID de liste non numéroté et un nombre indiquant le point d’arrêt auquel le menu doit être masqué lorsque la zone d’affichage du navigateur est redimensionnée. Si vous avez attribué des ID différents aux éléments ou que vous les avez écrits différemment, la fonction ne pourra pas s’exécuter. Il en sera de même si vous n’avez pas mal orthographié le nom des classes de début, réduites et affichées. Étant donné que JavaScript est sensible à la casse, menulink et menuLink sont traités comme des valeurs complètement différentes.

Vous avez peut-être également commis des erreurs dans votre feuille de style CSS. Les trois derniers sélecteurs que vous avez définis, #navlink.displayed, #navlink.start et #navlink.collapsed, ne doit contenir aucun espace. Vérifiez également que vous n’avez pas oublié d’ajouter un point-virgule à la fin de chaque ligne dans les règles de style que vous avez entrées manuellement.

Si le menu ne fonctionne toujours pas, comparez vos fichiers avec ceux fournis à titre d’exemple dans le dossier part6. Peu importe si les numéros de ligne sont différents. Recherchez les différences dans le code. Dreamweaver peut être intégré à un utilitaire de comparaison de fichiers tiers, ce qui facilite l’identification des différences. Consultez les fichiers d’aide pour plus d’informations sur la configuration et l’utilisation de la comparaison de fichiers.

Ne soyez pas rebuté par vos erreurs. Ils font partie du processus d’apprentissage. Même les experts le font. La différence est qu’avec leur expérience, ils savent les repérer et les corriger plus rapidement.



Source link