Javascript CSS

Javascript CSS - HTML/CSS - Programmation

Marsh Posté le 21-07-2006 à 00:26:48    

Bonjour,
Voila j'ai un sote web.
j'aimerai que les visiteur de mon site puisse choisir la résolution de leur choix.
J'ai une feuille css pour chaque resolution (je sais ce n'est pas bien de s'addapter a la resolution des visiteurs mais bon je vois pas comment faire d'autre).
 
En ce moment j'utilise <link rel="stylesheet"> pour la feuille par default
et
<link rel="alternate stylesheet">
 
et du javascript avec un <a href="#" onclick="setActiveStyleSheet('default');"> mais je crois que ceci ne va appliqué le style que pour une page et non pas tout le site. Alors comment faire ?
 
Merci de m'aider :)


Message édité par Splinter_7 le 21-07-2006 à 01:00:52
Reply

Marsh Posté le 21-07-2006 à 00:26:48   

Reply

Marsh Posté le 21-07-2006 à 01:20:51    

De mémoire, c'est faisable, mais seul FF le comprend.

Reply

Marsh Posté le 21-07-2006 à 01:33:26    

oui c'est exact ta raison seul FF.  
Mais qu"elle script utilisé pour pouvoir applique la bonne feuille en fonction du click du choix de l'utilisateur?


Message édité par Splinter_7 le 21-07-2006 à 03:04:26
Reply

Marsh Posté le 21-07-2006 à 10:08:52    

tu le fais pas en js mais coté serveur, sur le click tu sauves le style choisi et tu affiches les pages en fonction ...

Reply

Marsh Posté le 21-07-2006 à 10:34:12    

à la limite, tu peux tenter en JS via DOM de modifier la balise HEAD de façon à modifier le LINK qui contient la feuille de style.
 
mais cette fois, seul IE sait faire :D
 
(ça va venir sous FF, ça fait partie des bugs répertoriés... mais c'est un bug ouvert depuis 2003 il me semble, ils ne sont pas pressés de le résoudre :D)


Message édité par Arjuna le 21-07-2006 à 10:34:24
Reply

Marsh Posté le 21-07-2006 à 11:07:56    

Reply

Marsh Posté le 21-07-2006 à 12:00:22    

merci pour vos solutions, mais je n'est pas bien compris le principe de ta solution anapajari.
Du coté serveur?


Message édité par Splinter_7 le 21-07-2006 à 12:00:37
Reply

Marsh Posté le 21-07-2006 à 12:01:59    

prends la solution de Gatsu35.
elle est complète et déjà toute faite

Reply

Marsh Posté le 21-07-2006 à 12:04:27    

Ouai mais j'aurai bien aimé comprendre l'histoire, de géré sa cote serveur...

Reply

Marsh Posté le 21-07-2006 à 12:06:35    

Pour la solution de Gatsu35, j'ai pas saisie tous le code si quelqu'un pouvait m'eclairer sa serai pas mal

Reply

Marsh Posté le 21-07-2006 à 12:06:35   

Reply

Marsh Posté le 21-07-2006 à 12:09:16    

cela necessite que ton site soit "généré" par des scripts "coté serveur" ( en php par exemple).
Dans ce cas là, en gros sur tes liens tu fais un:

Code :
  1. <a ... href="tapage.php?style=truc>...</a>
  2. <a ... href="tapage.php?style=machin>...</a>


Tu récupères la variable dans "tapage.php", tu peux par exemple la stocker dans une session ou un cookie ( avec l'interet que la prochaine fois, le style sera celui qui avait été préalablement selectionné ( mais tu peux faire la même chose en js aussi)).
Ensuite à l'affichage tu changes le style utilisé en fonction de la valeur du cookie.
C'est plus chiant à mettre en place que l'excellente solution fournie par Gatsu, mais ça marche tout le temps ( mais sans js activé).

Reply

Marsh Posté le 21-07-2006 à 12:15:30    

ok jte remercie pour l'explication. La solution de Gatsu est tres bonne mais je ne comprend pas vraiment le script, peux tu m'eclaire la dessus ?
http://www.quirksmode.org/dom/changess.html


Message édité par Splinter_7 le 21-07-2006 à 13:07:46
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed