Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1558 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Javascript CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Javascript CSS

n°1410725
Splinter_7
Posté le 21-07-2006 à 00:26:48  profilanswer
 

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
mood
Publicité
Posté le 21-07-2006 à 00:26:48  profilanswer
 

n°1410735
MagicBuzz
Posté le 21-07-2006 à 01:20:51  profilanswer
 

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

n°1410736
Splinter_7
Posté le 21-07-2006 à 01:33:26  profilanswer
 

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
n°1410850
anapajari
s/travail/glanding on hfr/gs;
Posté le 21-07-2006 à 10:08:52  profilanswer
 

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

n°1410880
Arjuna
Aircraft Ident.: F-MBSD
Posté le 21-07-2006 à 10:34:12  profilanswer
 

à 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
n°1410930
gatsu35
Blablaté par Harko
Posté le 21-07-2006 à 11:07:56  profilanswer
 
n°1410978
Splinter_7
Posté le 21-07-2006 à 12:00:22  profilanswer
 

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
n°1410981
Arjuna
Aircraft Ident.: F-MBSD
Posté le 21-07-2006 à 12:01:59  profilanswer
 

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

n°1410985
Splinter_7
Posté le 21-07-2006 à 12:04:27  profilanswer
 

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

n°1410987
Splinter_7
Posté le 21-07-2006 à 12:06:35  profilanswer
 

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

mood
Publicité
Posté le 21-07-2006 à 12:06:35  profilanswer
 

n°1410989
anapajari
s/travail/glanding on hfr/gs;
Posté le 21-07-2006 à 12:09:16  profilanswer
 

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

n°1410995
Splinter_7
Posté le 21-07-2006 à 12:15:30  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Javascript CSS

 

Sujets relatifs
menu vertical CSS javascriptcomment appliquer une CSS en fonction d'une condition javascript?
Mettre un border sur une area : CSS ? Javascript ??[HTML/CSS/Javascript] Select et onchange
[HTML/CSS/Javascript] "popup" dans une page[Javascript CSS] Flashbox
[JAVASCRIPT??] Sélectionnez une feuille CSSRedimensionnement, CSS & JavaScript ;)
Pas vraiment HTML/CSS/Javascript mais...Menu (CSS + php/javascript)
Plus de sujets relatifs à : Javascript CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR