Bonjour à tous,
Je souhaiterais utiliser un styleswitcher javascript comme décrit dans ces deux tutoriels :
http://batraciens.net/css-astuces/skins-changement.htm
http://www.alistapart.com/articles/alternate/
Tous deux renseignés sur ce site.
Je possède trois fichiers CSS situés à la racine du site :
01.css
(j'ai créé ce fichier dans un but de test)
02.css
Fichier CSS complexe mais qui fonctionne parfaitement
03.css
(ce fichier est destiné à devenir un "vrai" style alternatif)
Voici mes déclarations de css, placées dans l'en-tête <head> :
Et voici mon "styleswitcher" :
Le problème : le deuxième lien ("joelle") ne fonctionne pas.
Comportement actuel :
* Lors du premier chargement de la page, j'obtiens un site sans style puisque le fichier "standard" est vide.
* Je clique sur le lien "quentin" et le premier style se charge correctement; valeur du cookie : "style= quentin".
(j'en profite pour préciser que ce n'est pas un problème de chemin vers le script puisque le cookie est créé et lu correctement
)
* Je clique sur le lien "joelle" : il remonte en haut de la page sans changer le style, or le background devrait être maintenant rouge...
Voilà où j'en suis...
Si quelqu'un pouvait me venir en aide, ce serait grandement apprécié...
Merci d'avance
ps: testé sur Opera, Konqueror et Arora (webkit); bien que cela ne devrait pas avoir d'incidence.
ps2: pour faire simple, j'utilise le script styleswitcher.js proposé sur ces sites sans modification
Modifié par KronoZ (07 Feb 2009 - 16:57)
Je souhaiterais utiliser un styleswitcher javascript comme décrit dans ces deux tutoriels :
http://batraciens.net/css-astuces/skins-changement.htm
http://www.alistapart.com/articles/alternate/
Tous deux renseignés sur ce site.
Je possède trois fichiers CSS situés à la racine du site :
01.css
body { }(j'ai créé ce fichier dans un but de test)
02.css
Fichier CSS complexe mais qui fonctionne parfaitement
03.css
body { background-color: red; }(ce fichier est destiné à devenir un "vrai" style alternatif)
Voici mes déclarations de css, placées dans l'en-tête <head> :
<link rel="stylesheet" type="text/css" href="01.css" />
<link rel="stylesheet" type="text/css" href="02.css" title="quentin" />
<link rel="alternate stylesheet" type="text/css" href="03.css" title="joelle" />
<script type="text/javascript" src="js/styleswitcher.js"></script>
Et voici mon "styleswitcher" :
Style :
<a href="#" onclick="setActiveStyleSheet('quentin'); return false;">Quentin</a>
|
<a href="#" onclick="setActiveStylesheet('joelle'); return false;">Joëlle</a>
Le problème : le deuxième lien ("joelle") ne fonctionne pas.
Comportement actuel :
* Lors du premier chargement de la page, j'obtiens un site sans style puisque le fichier "standard" est vide.
* Je clique sur le lien "quentin" et le premier style se charge correctement; valeur du cookie : "style= quentin".
(j'en profite pour préciser que ce n'est pas un problème de chemin vers le script puisque le cookie est créé et lu correctement
)* Je clique sur le lien "joelle" : il remonte en haut de la page sans changer le style, or le background devrait être maintenant rouge...
Voilà où j'en suis...
Si quelqu'un pouvait me venir en aide, ce serait grandement apprécié...
Merci d'avance
ps: testé sur Opera, Konqueror et Arora (webkit); bien que cela ne devrait pas avoir d'incidence.
ps2: pour faire simple, j'utilise le script styleswitcher.js proposé sur ces sites sans modification
Modifié par KronoZ (07 Feb 2009 - 16:57)