Jump to content

le célèbre style switcher de Paul Sowden


Guest Mulot

Recommended Posts

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 ? :1eye:

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 ? :blush:

1000 mercis par avance

Mulot

Link to post
Share on other sites

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 :blush:

Link to post
Share on other sites

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 :whistling::whistling: ?

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

Link to post
Share on other sites

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 ?

Link to post
Share on other sites

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 ?

Link to post
Share on other sites
  • 3 weeks later...

:(:(

Merci à ceux qui me conseillent le switch php. Ce sera pour plus tard. :wub: 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. :1eye:

Merci par avance :flower:

Link to post
Share on other sites

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...

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...