Discussion :

[vraipolite]

Bonjour,

Voil� ce que j'essaie de faire : modifier des styles dynamiquement avec javascript. Quand j'utilise la m�thode suivante :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById("monTruc").style.backgroundColor="#FF6600";

�a marche au poil Par contre (�videment qu'il y a un par contre ) si je veux modifier la couleur de mes liens, en utilisant

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

getElementByTagName.style

l� �a ne fonctionne pas. Auriez vous une id�e de comment s'y prendre ? est ce possible au moins ? m�me pb pour les classes j'ai l'impression que style ne marche qu'avec les �lements qui ont un Id

[SpaceFrog]

getElementsByTagName[indice].style

getElementsByTagName retourne une collection ...


par contre tu peux passer par le css ...

[vraipolite]

que veux tu dire par passer par le css stp ? r�cup�rer ma feuille de style, la modifier, et raffraichir la page ? (possible en js ?)

[SpaceFrog]

non avoir deux style

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
.style1 {color:red;}
.style2 {color:green;}

et modifier dynamiquemnt le className d'un �l�ment

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
var monobjet=document.getElementsByTagName('div')[0].className='style2'

avec

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<div id="mondiv" class="style1">...

[vraipolite]

donc, il est malheureusement impossible de modifier le style d'une classe ou de lien par exemple qui n'ont pas d'id ? � part avec la m�thode de SpaceFrog, mais je ne peux pas l'appliquer dans mon cas. �a m'�tonne, mais j'ai beau chercher je trouve pas..faites moi part de vos id�es si vous en avez svp

[SpaceFrog]

si le tout est de r�ussir � chopper l'objet ...

as tu un exemple de code html avec l'objet � modifier ...

[vraipolite]

oui bien s�r :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
 
<div class="menu" id="menuLien">
<div class="menuTitre"><h2>Liens utiles</h2></div>
<div class="menuContenu"><ul>
<li><a href="http://<a href="http://www.developpez.com">Club" target="_blank">www.developpez.com">Club</a> des développeurs ;)</a></li>
</ul>
</div></div>

et le genre de trucs que je cherche � faire c'est modifier le background de la class menuContenu et de changer la couleur des liens.(dans cet exemple pour le background je pourrais utiliser l'id menuLien, mais c'est pas partout comme �a)

[SpaceFrog]

et sur quel �v�nement souhaites tu changer le style ?

[vraipolite]

le click d'un bouton par exemple, �a n'a pas vraiment d'importance en fait. en tout cas pour mes tests, je le fais sur un onClick qui appelle une fonction

[SpaceFrog]

ben si c'est super important parceque �a aurait �t� sur le click de l'objet �a aurait �t� fingers in the nose !!

a mon avis tu va avoir un gros probl�me si la structure n'est pas constante, si ty n'as pas un sch�ma qui se r�p�te ...
et tu ne peux pas mette d'id dans tes divs?

[vraipolite]

si �a avait �t� un click sur l'objet, �a change quoi,je vois pas trop o� tu veux en venir ?

La plupart des divs ont un id (pour ceux qui n'en ont pas, je peux pas en rajouter), mais arr�te moi si je dis une connerie (ce que j'esp�re) : si je veux foutre mes liens en orange � l'int�rieur d'un div qui a un id en javascript, je peux pas, sauf si mon lien avait un Id

[SpaceFrog]

ben si c'est le click sur l'objet m�me:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

onclick="this.style.color='red'"

et on n'en parle plus ...
mais l� sur un bouton pour mettre la main sur l'objet sans id et sans struture r�p�titive ...

avec :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementsByTagName('div')[i].style.color='red'

� condition de connaitre le num�ro ordinal i du div dans le flux de la page

[vraipolite]

Pourquoi ceci ne marche pas stp ?:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
for(i=0;i<getElementsByTagName('a').length;i++){
window.frames["petite"].document.getElementsByTagName('a')[i].style.color='red';
}

y a un truc que j'ai pas du pig�.
parce que je me disais par exemple, pour colorier les liens d'un div(en admettant que j'ai l'id), je r�cup�re tous ses enfants [�a je sais pas encore comment] et si le gamin est un lien, ben je le coloris, comme �a je peux colorier mes liens sans conna�tre leurs id
je sais pas si qqun me suit

[vraipolite]

aaaah mais je viens de trouver une fonctiontr�s interessante l�
on me l'avait cach� putain. cssRules ! faut que j'explore tout �a, mais �a m'a l'air over sympa pour ce que je cherche � faire.

[SpaceFrog]

mouaip, mais je ne veux pas te d�cevoir ...le souci n'est aps d'aceder aux cssrules c'est a dire au style, mais � l'element ...

a moins que tu ais un style d�di� � cet �l�ment ...

[vraipolite]

Ben ce que je cherche � faire � court terme (tr�s court terme) c'est de changer la couleur de mes liens qui ont un style d�finit, et les H2. j'ai pas encore essay� CSSrules, j'esp�re que �a suffira, mais c'est vrai que si y a des �l�ments qui n'ont pas de style, j vais �tre ds la merde

[javatwister]

Pourquoi ceci ne marche pas stp ?:

parce que tu oublies de notifier le noeud pars�: en l'occurence, c'est assez important puisqu'il s'agit de document

[vraipolite]

tu veux dire dans les conditions de la boucle for ? j'ai pas le source sous les yeux l� pour v�rifier, mais si tu parles du getElementsByTag du for(et que j'ai bien compris ce que tu m'as dis ), je pense l'avoir corrig�. mais �a ne marche toujours pas

[javatwister]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
for(i=0;i<document.getElementsByTagName('a').length;i++){ 
window.frames["petite"].document.getElementsByTagName('a')[i].style.color='red'; 
}

ceci fonctionnera forc�ment si le frame nomm� "petite" existe;

[vraipolite]

effectivement �a marche, j'avais oubli� le window.frame[].doc quand j'avais test�