le célèbre style switcher de Paul Sowden

[Guest Mulot]

Bonjour,

Je cherche à comprendre comment fonctionne le célèbre styleswitcher de Paul Sowden.

J'ai fait un essai ici dans l'adaptation fournie par les "batraciens". C'est pas terrible : il part en basic CSS, i.e. "à poil".

J'ai surement loupé quelque chose mais quoi ?

Secondairement, je souhaiterais l'adapter sans cookie. Y'a des gens qui n'aiment pas les cookies, par chez moi. Quelqu'un peut-il m'aider ?

1000 mercis par avance

Mulot

[Monique]

Bonjour,

Comme ceci, cela devrait fonctionner

<a href="#" title="chocolat" onclick="setActiveStyleSheet('chocolat'); return false;"><img src="niouzimage/green_switch.gif" alt="">comme ceci</a>
|<a href="#" title="ultramarine" onclick="setActiveStyleSheet('ultramarine'); return false;"><img src="niouzimage/blue_switch.gif" width="8" height="8" alt="">comme ceci</a>

mais je laisse l'explication théorique aux spécialistes

[Guest Mulot]

Pour dire la vérité, j'avais recopié et adapté la version des batraciens.

J'ai mis en commentaire la version des batraciens et j'ai mis en action celle proposée ci-dessus.

Cela rend le même résultat : dès qu'on clique sur le lien, la feuille apparaît en version "à poil"

Or je suis sûre que la mise à jour a été prise en compte car la version batracien était adaptée sur 3 feuilles de style et l'actuelle sur 2.

Y-aurait-il un sort jeté sur mon serveur ?

En attendant de avoir si tu as d'autres idées, ou si d'autres ont d'autres idées, je vais refaire une feuille avec juste les diverses versions de déclanchement d'évènement.

A+

Mulot

[martin]

bonjour, moi je switche mes css en php, y'a t'il un interet à ce que je switche en javascript ? qu'est ce que clea peux m'apporter ? certains utilisent cette méthode ?

[Tchesko]

Si tu switch avec un script PHP, tu recharges la page (c'est le serveur qui travaille) avec javascript, le switch est instantané sans rechargement, (c'est le browser qui travaille)

[Monique]

Bonjour,

Dans tous les exemples que j'ai observé, c'est le nom attribué au style qui est utilisé pour y faire appel... toi tu utilises (this.title)

Avec onclick="setActiveStyleSheet('chocolat') au lieu de onclick="setActiveStyleSheet(this.title) cela ne fonctionne pas non plus ?

[martin]

ok, pour le rechargement, je voulais savoir surtout si cela etait valide et si tout les navigateurs s'y retrouvaient avec ce mécanisme...

[Guest Mulot]

Merci à ceux qui me conseillent le switch php. Ce sera pour plus tard. Pour l'instant, j'ai besoin de comprendre et d'appliquer le fonctionnement de ce switcher javascript.

Je rappelle la situation :

*ma page comporte 2 versions d'un switcher javascript, celle de Paul SOWDEN et celle adaptée par les batraciens

*J'ai testé les 2 sur des feuilles qui l'utilisent et cela marche.

*J'ai recopié successivement les 2 dans ma page et je ne parviens pas à les faire fonctionner.

*Présentement, l'un des 2 est mis en commentaire et l'autre, actif ne fonctionne pas. Probablement à cause d'un truc que ma presbytie ne me permet pas de distinguer.

C'est ce bug que je cherche à repérer et à corriger.

Merci par avance

[Clair de Lune]

bonjour

je crois que monique a raison

je me sers du switcher en javascript de paul sowden aussi

voici le code :

<div id="vert" onclick="setActiveStyleSheet('vert')" title="Couleur du site : vert"></div> 
      <div id="bleu" onclick="setActiveStyleSheet('bleu')" title="Couleur du site : bleu"></div> 
      <div id="gris" onclick="setActiveStyleSheet('gris')" title="Couleur du site : gris"></div>

et voici la page

je ne me sers pas de liens texte, mais la différence avec ton code est bien dans

onclick="setActiveStyleSheet('lenomdelacss')" alors que tu écris title="lenomdelacss" onclick="setActiveStyleSheet(this.title)')

or la fonction a un paramètre : title, qui pourrait s'appeler tartampion, ce n'est pas l'attribut title d'un lien

dans la fonction, le paramètre title passé est le nom de la css

la fonction recherche donc une css appelée this.title, qui n'existe pas

enfin, à mon avis...