Utilisation des CSS en liaison avec javascript

Utilisation des CSS en liaison avec javascript

L'association CSS / javascript est au coeur des développements les plus avancés afin de satisfaire le fonctionnement de techniques CSS qui ne restent pour l'instant que partiellement déployables en raison de leur support aléatoire sur certains browsers. On peut ici penser au menus dynamiques gérés par le biais de listes et de pseudo-classes gérant les rollover sur les différents éléments de la navigation. (voir : http://www.alsacreations.com/articles/modelesmenus/ )

Afin de gérer la lecture adéquate des styles en fonction de la configuration utilisateur, l'emploi de CSS et javascript repose sur le principe du développement de plusieurs CSS individuellement adaptée à chaque type de combinaison navigateur/plateforme. Le javascript utilisé dans ce cas d'espèce est une simple détection de navigateur renvoyant vers tel ou tel document en fonction de la nature du browser :

if (browser.isNS4x == true) {
   document.write('<link rel="stylesheet" type="text/css" href="ns4.css">');
}
else {
   document.write('<link rel="stylesheet" type="text/css" href="advanced.css">');
}

Pour avoir plus d'informations sur le sujet :
http://www.dithered.com/css_filters/js_summary.html