[Résolu] me revoila ! basculement entre 2 feuilles css

ottomar · Message par **ottomar** » 02 mai 2005, 20:02

j'ai deux feuilles css pour le même html (php dotclear)
comment basculer de l'une à l'autre on-line ?
elle est appelée dans le head par:

Code : Tout sélectionner

<link rel="stylesheet" type="text/css" href="<?php dcInfo('theme'); ?>/style.css" media="screen" />

donc comment appeler styleb.css dans le body ?

j'ai déjà vu ça, me semble, je ne retrouve pas...

Bacchus · Message par **Bacchus** » 02 mai 2005, 20:26

Moi aussi je cherche comment, mais vu que ça concerne Dotclear, ce serait mieux d'aller voir sur le forum de Dotclear non?

Tu as lu les fichiers d'aide?

Bacchus_non_connecter · Message par **Bacchus_non_connecter** » 02 mai 2005, 20:35

Bon je suis très gentil alors voila, clique sur plugin (sur le site de dotclear), tout en bas tu as un lien qui t'emmène sur le wiki de dot:

http://dev.dotclear.net/trac/wiki/DotClear/Plugins

Prend le temps de lire la doc avant de poser des questions

ottomar · Message par **ottomar** » 02 mai 2005, 20:52

ben.......ça concerne n'importe quel site avec un css séparé, non?
merci pour le lien

calimo · Message par **calimo** » 02 mai 2005, 21:13

Le plus simple reste encore à mon avis de jouer avec les feuilles de style alternatives (rel="alternate stylesheet") en leur mettant un titre (tite="..."). Regarde la page d'accueil du portail (attention, la feuille par défaut n'a pas de titre, je te le déconseille du moins au départ).

Pour changer simplement le style avec un petit formulaire, je te conseille le script conçu par Bobe qui est tout simplement excellent et fait tout tout seul. Sinon à la place tu peux encourager les gens à utiliser un navigateur récent qui permet de changer le style de la page directement via l'interface du navigateur (pense également à Stylesheet Chooser Plus)

ottomar · Message par **ottomar** » 04 mai 2005, 04:39

Yes !!!!!!!!!!!

pas de problème, il n'y a que de solutions
et c'est toujours à cette heure ci que je les trouve
quand on est du matin !!!

et d'une simplicité !
monoBlogue

Bacchus · Message par **Bacchus** » 04 mai 2005, 04:45

Ottomar ton truc marche pas!

Calimo, tu as le script de Bobe en demo à kekpart? J'ai regarder le gigantesque code et il me fait peur!

ottomar · Message par **ottomar** » 04 mai 2005, 04:51

j'y cours

ottomar · Message par **ottomar** » 04 mai 2005, 04:56

Réessaye, p'ting, j'avais merdé en changeant mes noms de sélecteur
avant, supprime le cookie "www.ottomar.net"

-------------

edit: c'est le cookie qui merde, ça marche une fois au démarrage et plus après, comment on actualise un cookie à la fermeture ?

Bacchus · Message par **Bacchus** » 04 mai 2005, 05:05

Bonne nouvelle: Ça marche!

Mauvaise nouvelle: Seulement avec IE, avec firefox...niet!

EDIT: ça marche autant de fois que je veux avec IE.

ottomar · Message par **ottomar** » 04 mai 2005, 05:12

bon, j'envoie le code dans 5 min

ottomar · Message par **ottomar** » 04 mai 2005, 05:24

1/ créer le cookie:

Code : Tout sélectionner

<?php
setcookie('sitestyle', $set, time()+31536000,'/','www.ottomar.net','0');
header("Location: $HTTP_REFERER");
?>

à mettre dans un fichier ' switcher.php ' à la racine du site (www.ottomar.net/switcher.php). Le cookie s'appelle: 'www.ottomar.net'

2/ dans le <head>

Code : Tout sélectionner

<link rel="stylesheet" type="text/css" href="/dotclear/themes/keepsake/<?php echo (!$sitestyle)?'style':$sitestyle ?>.css" media="screen" title="Présentation mémorisée par cookie" />
<link rel="alternate stylesheet" type="text/css" href="/dotclear/themes/keepsake/style.css" media="screen" title="Normale" />
<link rel="alternate stylesheet" type="text/css" href="/dotclear/themes/keepsake/bleu.css" media="screen" title="Bleu" />

attention aux chemins !

3/dans le <body>, le sélecteur

Code : Tout sélectionner

<form action="/switcher.php" method="post" id="switcher">
<label for="set" id="presentation">Présentation&nbsp;:</label>
<select id="set" name="set">
<option value="style" selected="selected">Normale</option>
<option value="bleu">Bleu</option>
</select>
<input type="submit" value="Envoi" alt="Envoi" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#000000'" onmousedown="this.style.color='#ffffff'" /></form>

et c'est tout
bordin de bordin ! c'est un fakescript

ça a marché 2 aller-retour chez moi et Grouiccccccccccc !

-------

j'oublie le plus important
http://www.mmt-fr.org/article113.html?set=fond_noir
qui sont des gens trés "conformes"

----

marche pas sous Gecko
Opera ça marche
et cerise sur le gateau: c'est pas valide xhtml

---

problème de cache ???
en le vidant à chaque fois, ça marche
bon, je retourne au pieu, na !

--

C'est valide, suffit de rajouter <fieldset> entre <form>

-

ottomar · Message par **ottomar** » 04 mai 2005, 10:23

en fait, on dirait qu'il refuse de lire ct #~{[!!@^ de cookie quand il recharge la page. ça marche de temps en temps, autrement dit: ça marche po

calimo · Message par **calimo** » 04 mai 2005, 14:18

Mouais, je me souviens avoir monté une fois un styleswitcher en php c'était la galère

Plusieurs remarques :

Utilise des titres différents pour chaque style (ex : title="Bleu", title="Normal", title="Blanc" plutôt que "présentation mémorisée par cookie" )
Les navigateurs modernes proposent nativement de changer le style via les styles alternatifs. Profites-en ! Mets les styles alternatifs aussi

Pour le script de bobe, suis le lien dans ma signature, il est tout en bas. Sinon aussi sur http://www.webnaute.net/ bien entendu

Sa mise en oeuvre est ultra-hyper simple ! Il faut juste rajouter un bloc (vide) avec le bon id pour qu'il y soit mis. Si il est long c'est justement parce qu'il fait le reste tout seul (détection des styles de la page, construction de la liste déroulante, gestion du cookie, etc.), tu n'as pas besoin de t'en soucier.
Seul problème : c'est évidemment incompatible avec Stylesheet chooser plus, mais c'est à peu près normal

ottomar · Message par **ottomar** » 04 mai 2005, 15:42

Je suis un vrai con:

Code : Tout sélectionner

<link rel="alternate stylesheet" type="text/css" href="/dotclear/themes/keepsake/style.css" media="screen" title="Normale" />
<link rel="alternate stylesheet" type="text/css" href="/dotclear/themes/keepsake/bleu.css" media="screen" title="Bleu" />
<link rel="alternate stylesheet" type="text/css" href="/dotclear/themes/keepsake/blanc.css" media="screen" title="Blanc" />

J'avais supprimé ces lignes m'apercevant qu'elles ne résolvaient en rien le problème...alors qu'elles le font !! Je n'ai jamais pensé à aller dans menu>affichage>style de la page
donc le basculeur pour ie et le menu pour gecko !!!!!!!

donc: ça marche !!!!!!
merci Calimo

Geckozone

[Résolu] me revoila ! basculement entre 2 feuilles css

[Résolu] me revoila ! basculement entre 2 feuilles css

Qui est en ligne ?