OVH Cloud OVH Cloud

selection feuille style et combo

31 réponses
Avatar
nico
salut,


j'aimerai créer une liste <select> proposant à l'utilisateur divers
choix de thème css pour l'affichage d'un site web. Le choix se fait
uniquement sur la page d'accueil, puis est mémorisé via cookie sur le
disque dur utilisateur.

Ainsi, sur chaque page une petite vérification du cookie permet
l'affichage du style demandé.

cependant ceci m'amène à quelques inconvénients que je ne parviens pas
à résoudre.


1) La fonction chargée de vérifier le cookie est appelée sur un
évènement onLoad de la balise <body> de mon document html, et à chaque
chargement de la page, je vois pendant un temps très bref le style par
défaut... j'aimerai que le style choisi par l'utilisateur (donc celui
enregistré dans le cookie) soit affiché dès le début, existe-t-il un
moyen de faire ça ?


2) lorsque l'utilisateur choisi un thème via le <select> et qu'il
change de page, pour enfin revenir sur la page où se trouve le select,
celui ci réaffiche l'item par défaut, et non celui sélectionné par ses
soins (i.e. celui correspondant au thème affiché), je n'ai pas trouvé
le moyen en javascript de choisir l'item affiché dans un select...
est-ce possible ?


tout ceci m'apporte a croire que ce que je veux faire n'est pas
possible en javascript ? vrai ? faux ?


je vous remercie d'avance de votre aide.

bon surf
a+

--
nico
http://nicolas.aunai.free.fr

10 réponses

1 2 3 4
Avatar
ASM

je me suis trompé, il ne faut pas lui specifier la valeur de l'option,
mais son index, donc entre 0 et nombre de valeurs moins 1


très bonne autocritique ;-)
reste plus qu'à corriger : "selelecedIndex"

:-))

(heureusement, nico l'a fait)

Faut dire aussi,
à l'heure de l'apéro c'est pas humain les ngs :-))

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
*******************************************************

Avatar
ASM

toujours un petit temps au chargement de la page avant que le style ne
s'applique, comment remédier à celà ?

=> http://nicolas.aunai.free.fr


Arrivant à la fumée des cierges et ayant quitté mon moddem RTC
Est-ce que tout a été modifié ?
-> je n'ai aucun temps de latence (et pourtant on est chez Free !)

Nouvo Mac FF 1.0

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
*******************************************************

Avatar
Thibaut Allender
très bonne autocritique ;-)
reste plus qu'à corriger : "selelecedIndex"


ouch... je l'avais pas vue celle la...

Faut dire aussi,
à l'heure de l'apéro c'est pas humain les ngs :-))


les ngs ne sont *jamais* humains :)

--
thibaut allender | freelance | http://capsule.org

Avatar
YD

merci, tu as une idée quant à la solution de YD pour ce même pb ?




Je reprends le fil en route (y a pas que l'ordinateur dans ma vie :-) ).

J'ai vu que le site a été modifié. Deux remarques :
- malgré le beau logo, la page n'est pas valide HTML4.01 ! Personnellement,
comme je n'ai pas la chance d'ASM, pour éviter de manger trop de temps de
mon forfait RTC/Numéris, j'utilise l'extension Tidy pour Firefox, qui
m'évite bien des aller-retour avec le validateur W3c et m'affiche dans la
barre d'état une icône montrant la validation (OK, avertissements, erreurs),
combinée avec l'extension webDeveloper ToolBar, un régal !

- dans la page tu écris :

<select id="set" name="set" onChange="select_css(this.form.set.options.selectedIndex,this.form.set.options[this.form.set.options.selectedIndex].value)">

or le this d'un évènement correspond à l'élément à l'origine dudit
évènement. La value d'un select est celle de l'option sélectionnée.
La ligne peut donc s'écrire plus simplement :

<select id="set" name="set"
onChange="select_css(this.options.selectedIndex,this.value)">

Au fait (je réponds enfin à la partie citée au début), changer le
selected de l'option, ou changer le selectedIndex du select
revient au même si le select n'est pas à choix multiple.

--
Y.D.



Avatar
ASM

comme je n'ai pas la chance d'ASM


Rappelle-moi : tu ne peux avoir l'ADSL ?

extension Tidy pour Firefox,


Où trouve-t-on cette merveille ?

webDeveloper ToolBar


idem (pour nouvo Mac)

changer le
selected de l'option, ou changer le selectedIndex du select
revient au même si le select n'est pas à choix multiple.


Ha ? Tiens ? oui

même que çà marche aussi avec NC4.5 :)


--
*******************************************************
Stéphane MORIAUX et son vieux Mac
*******************************************************

Avatar
Will
Le 06/06/2005 11:19 AM (à peu de choses près), ASM a intelligemment dit...
extension Tidy pour Firefox,
Où trouve-t-on cette merveille ?



http://www.extensionsmirror.nl/index.php?showtopic˜0

webDeveloper ToolBar
idem (pour nouvo Mac)



http://joliclic.free.fr/mozilla/webdeveloper/

plus généralement, tu peux trouver énormément d'extensions sur
http://extensionsmirror.nl en anglais, et sur http://extensions.geckozone.org
pour les versions traduites.

la plupart du temps, il n'y a pas de différence entre les systèmes d'exploitation.

--
Will


Avatar
ASM
Will wrote:
Le 06/06/2005 11:19 AM (à peu de choses près), ASM a intelligemment dit...

extension Tidy pour Firefox,
http://www.extensionsmirror.nl/index.php?showtopic˜0



webDeveloper ToolBar
http://joliclic.free.fr/mozilla/webdeveloper/




Boudiou ! c'est génial !

Reste que ce validator est vraiment difficile ->
test d'1 page que je croyais pas trop nulle :
pas content de ma DTT que c'est mon vieux Tidy qui me l'a faite :-(

Des nouvelles d'un plug-in -> liens sur site ?

--
Stephane Moriaux et son [moins] vieux Mac



Avatar
YD

comme je n'ai pas la chance d'ASM


Rappelle-moi : tu ne peux avoir l'ADSL ?


J'habite 500 m trop loin pour bénéficier de cette merveille...


extension [...]
Où trouve-t-on cette merveille ?



On t'a déjà répondu avec des URL précises, mais moi je fais
simplement menu Outils > Extensions et en bas de la boîte
Obtenir d'autres extensions !

changer le
selected de l'option, ou changer le selectedIndex du select
revient au même si le select n'est pas à choix multiple.


Ha ? Tiens ? oui

même que çà marche aussi avec NC4.5 :)


J'ai relu mes classiques avant de poster ! (JS client guide 1.3
donc NC4.5)

--
Y.D.


Avatar
Thibaut Allender
J'habite 500 m trop loin pour bénéficier de cette merveille...


avec une bonne antenne wifi et en placant un routeur qui un voisin à
500m, ça doit le faire :)

--
thibaut allender | freelance | http://capsule.org

Avatar
Will
Le 06/06/2005 06:05 PM (à peu de choses près), ASM a intelligemment dit...
Boudiou ! c'est génial !


de rien :)

Reste que ce validator est vraiment difficile ->
test d'1 page que je croyais pas trop nulle :
pas content de ma DTT que c'est mon vieux Tidy qui me l'a faite :-(


oui, il a l'air très 'pas gentil'. certaines fois, je trouve même qu'il abuse un
peu (le validateur w3c passe mais l'extension mais deux ou trois warnings).

Des nouvelles d'un plug-in -> liens sur site ?


j'ai pas compris ce que tu voulais dire...

--
Will

1 2 3 4