Aller au contenu

le célèbre style switcher de Paul Sowden


Guest Mulot

Sujets conseillés

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

Lien vers le commentaire
Partager sur d’autres 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:

Lien vers le commentaire
Partager sur d’autres 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

Lien vers le commentaire
Partager sur d’autres 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 ?

Lien vers le commentaire
Partager sur d’autres 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 ?

Lien vers le commentaire
Partager sur d’autres sites

  • 3 semaines plus tard...

:(:(

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:

Lien vers le commentaire
Partager sur d’autres 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...

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...