Changer le style cssRésolu

Question

Salut !

J'ai cr&#233;&#233; un menu en javascript avec une feuille de style pour les menus, sous-menus etc ...

en gros :

menu 1,
menu 2,
menu 3,

----

ssmenu 1,
,

----

ssmenu 2

Pas de probl&#232;me !

Ce que je voudrais faire, c'est avoir une zone de texte et onChange sur cette zone de texte changer la feuille de style de mon menu.
vite fait ca donne :

function changeStyle(maCouleur)
{
      document.stylesheets["menu"].backgroundColor=maCouleur;
}
 
Ca ne marche pas ! Si qqun a une id&#233;e, elle sera la bienvenue ;)
a+++

chimelpremier · Accepted Answer

Je ne connaissait pas non plus document.stylesheets et je viens de d&#233;couvrir qqchose qui va t'int&#233;resser aussi :



http://developpeur.journaldunet.com/tutoriel/dht/020527jscript_css.shtml

pigime · Answer

document.stylesheets["menu"].backgroundColor= maCouleur;

1) tu fais appel &#224; l'&#233;l&#233;ment "menu"... qui n'existe pas (en tout cas dans le code que tu nous montre).

2) Encadre ton code par des balises div:

 id="menu" >
   ... ton menu ...

3) Et puis modifie ta fonction avec un truc de ce genre:

function changeStyle(maCouleur)
{
      document.menu.style.backgroundColor =maCouleur;
}

PS: Je n'ai pas test&#233;. 



@+

 - PIGIME -

cs_djagger · Answer

Salut ! oui j'avais pas mis tout mon code : Merci pour ta solution mais ca ne marchera pas, vu que je dois changer le style de plusieurs tableau (enfin de certaines cellules de mes tableaux) J'ai fait ca autrement du coup , merci quand meme

chimelpremier · Answer

Si tu as une feuille de style ext&#233;rieure:

 <link rel="stylesheet" href="menu.css" />

Tu peut cr&#233;er une deuxi&#232;me feuille de style menu2.css qui contiendras ton changement de style et que tu pourra changer dynamiquement :

function changeStyle()
{
      document.getElementsByTagName('link')[0].href="menu2.css";
}

On aimerait savoir comment tu as fait autrement ?

cs_djagger · Answer

Ah ouai je connaissait pas ca ! 

mais dans mon cas, tu peux, dans le css, r&#233;cup&#233;rer la valeur de mon input text ?

En fait ma solut n'en est pas une vraiment.
Ce que je voulais faire c'est pouvoir changer les couleurs d'un site et voir l'apercu en temps r&#233;el.
Du coup j'ai fait une page bidon, avec un menu d&#233;roul&#233;, j'ai mis un id a chaque cellule (qui correspondent chacune &#224; un style : menu, menu survol&#233;, menu s&#233;lectionn&#233;, sous-menu .....)

Et quand je change mon texte ('fin j'ai une palette faite en js), je change le style s&#233;lectionn&#233; !
voila !
a+++

cs_djagger · Answer

ah ou&#233; ! nickel ! jte remercie c cool !

darb66 · Answer

Hello, J'ai egalement une question concernant la modification des styles en Javascript. J'ai cree un menu dans un tableau : item1. Avec une fonction Javascript j'aimerai changer l'attribut class de l'objet td lors de l'evenement MouseOver de facon a ce que la propriete class ait ensuite pour valeur menu_over. Est-ce possible? J'ai essaye differentes variante, mais je n'arrive pas au resultat voulu... Est-ce que vous pouvez m'aider? Merci d'avance... FD

cs_djagger · Answer

Salut ! ca ca doit marcher je pense : Item 1 Allez a+++ _____________________ http://www.bzh-metal.com Communauté Métal Bretonne

darb66 · Answer

Ca marche, merci pour l'info...

Changer le style css

9 réponses

Votre réponse

Discussions similaires