AdminSysNet

Aller au contenu | Aller au menu | Aller à la recherche

Les Dangers de Javascript: ne pas créer le menu principal d'un site en Javascript

Voici un exemple de site qui utilise le Javascript de façon abusive puisque le menu principal du site est réalisé en Javascript.

Il s'agit du site de la Mairie des Pavillons-sous-bois (dépt. de la Seine Saint Denis):

http://www.ville-pavillons-sous-bois.fr/index.htm

La charte graphique n'est pas très " actuelle" mais cela n'est pas un soucis fonctionnel.

Alors quel est le problème?

Si un utilisateur ne dispose pas de Javascript dans son navigateur (raisons de sécurité par exemple, navigateur embarqué sur téléphone portable, navigateur en mode caractères tel que lynx ou links sous Linux), il ne verra tout simplement pas le menu de ce site et ne pourra accéder à aucune rubrique et donc n'aura accès qu'aux informations de la page principale.

Javascript ne devrait être utilisé que pour des parties non essentielles à la navigation.

Par exemple, l'affichage de la date en haut à gauche, juste au dessus du menu, utilise Javascript et cela ne pose pas de problème car la date n'est pas une information importante du site.

Les sites utilisant les technologies AJAX, proposent en général un site en xhtml classique pour permettre à tout le monde d'accéder aux informations du site sans utiliser Javascript.

Dans le cas de ce site, il faudrait refaire le menu en utilisant du code xhtml et CSS pour obtenir le même type d'effet (chaque section du menu ouvre un bloc qui contient les liens vers les pages d'information).

Cours développement web du CNAM: xhtml, css, Javascript, protocoles, cookies, applets

NFA016 : http://deptinfo.cnam.fr/new/spip.php?article563

Exercices interactifs de codes javascript:

http://deptinfo.cnam.fr/~pons/COURS/07-08/nfa016/COURSJS/javascriptCours1/p1.html

http://deptinfo.cnam.fr/~pons/COURS/07-08/nfa016/COURSJS/javascriptCours2/p2.html

Exercices de positionement CSS:

http://deptinfo.cnam.fr/~pons/TOTO/positionement.html

NFA017: http://deptinfo.cnam.fr/new/spip.php?rubrique112

Les tutoriels Javascript sur le SdZ

http://www.siteduzero.com/tutoriel-3-8158-tout-sur-le-javascript.html

http://www.siteduzero.com/tutoriel-2-70-javascript.html

Javascript: les frameworks les plus reconnus

http://www.ergotinfo.fr/architecture/2008/08/quel-framework.html

liens vers divers framework:
http://www.alti.info/post/2007/02/06/83-choisir-son-framework-api-javascript-yahoo-ui-jquery-prototype
http://www.snoupix.com/6-frameworks-javascript-a-decouvrir_actu_137.html

Test de rapidité des framework:
http://www.j0k3r.net/news-quel-est-le-plus-rapide-des-frameworks-javascript-1878.html
http://mootools.net/slickspeed/#

Notament utilisé par le siteduzero.com
http://mootools.net/
http://fardeen.biz/index.php/tutoriel-mootools-framework-javascript-gratuit/

extjs:
http://extjs.com/
http://web2ajax.fr/tag/extjs/
http://www.killian-ebel.fr/blog-experiences-webmaster/extjs-framework/178.html