Discussion :

[yakusa77]

Bonjour a tous,
voila mon problème,
J'ai creer 2 css , je voudrais proposer aux visiteurs de ma page de choisir via un menu déroulant 1 des 2 skin.
Je voudrais le faire via du javascript si cela est possible mais je ne voie pas quoi mettre dans ma fonction...
Quelqu'un peut-il m'aider?
Merci d'avance.

[Astartee]

Tu ferais mieux de poster sur le forum javascript

Et tu devrais commencer à chercher tout seul, c'est assez simple.
Il faut :
- déclencher l'exécution de la fonction lorsque l'utilisateur choisit un css ou clique sur un bouton
- déterminer le choix de l'utilisateur
- remplacer le css existant par celui choisi
Laquelle de ces étapes te pose problème ?

[yakusa77]

J'ai déja cherché mais je ne trouve rien qui se rapproche de ce que je veux faire.
Ce qui me pose probleme c'est la ligne de commande pour charge la feuille de style je ne vois pas du tout comment faire...???

[Astartee]

Ce qui me pose probleme c'est la ligne de commande pour charge la feuille de style

Il suffit de modifier la valeur de l'attribut href de l'élément :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" href="chemin_vers_le_css"/>

[yakusa77]

Non c'est pas dans le html que je veux pouvoir mettre le liens
mais je pense qu'il faut creer une fonction par exemple skin1 et une fonction skin2 avec des onclick dans l'html.Nan?
quelque chose comme ca pour le javascript

function skin1()
{
//c'est ici que je ne sais pas quoi mettre pour charge la page de css
<link rel="stylesheet" href="chemin_vers_le_css"/>
}

et dans l'html :

<input type="button" name="skin1" value="Skin1"
OnClick="skin1()">

Merci de me répondre...

[Astartee]

Non c'est pas dans le html que je veux pouvoir mettre le liens

Et pourtant je t'assure que c'est comme ça qu'il faut faire.
Est-ce que tu as essayé ?

je pense qu'il faut creer une fonction par exemple skin1 et une fonction skin2 avec des onclick dans l'html

Pourquoi pas.
Ou alors, si tu envisages d'ajouter encore d'autres skins par la suite, tu peux aussi utiliser une liste déroulante et appliquer une unique fonction soit sur l'élément onChange de la liste, soit sur l'événement onClick d'un bouton à côté.