[JavaScript / CSS] IF....

**Dr. Troy** · 10/03/2005, 14h07

Bonjour tout le monde !

Bon alors problème du jour, auquel Dieu n'a pas su me répondre... J'essaye de faire dire à ma fonction javascript :

Si un paramètre du style de l'élément est égal à X alors tu vas me faire Y !

Par exemple, si le fond d'une div est rouge alors quand je vais lui cliquer dessus, elle va devenir verte

Enfait je cherche ce qu'il faut mettre dans le if, et malgré plusieurs essais différents je ne trouve pas

A savoir qu'il reconnait la div par rapport à son ID, et que le style est dans une feuille CSS. Je ne sais pas si je suis très clair...

Merci beaucoup d'avance

Corten · 10/03/2005, 14h43

http://openweb.eu.org/articles/bouton_css/

Mertyl · 10/03/2005, 14h47

Tu peut pas tater un truc du genre onClick="this.bgcolor='vert';" quoique dans un div ... chais pas teste et raconte nous

Moine Gourmand · 10/03/2005, 14h48

C'est pas du Javascript mais du CSS entièrement (avec l'élément :hover)
Tout est indiqué sur le lien de Corten

**Dr. Troy** · 10/03/2005, 14h49

Merci mais tout ça je sais faire, je cherche juste la façon d'écrire dans mon script "Si un élément à une telle propriété et bah ça fait quelques chose quand je fais appel à la fonction".

Je donnais un exemple simpliste, c'est pour me servir d'autre chose qu'un simple hover...

Mertyl · 10/03/2005, 14h51

Ah donc t'a un script js dans ta page qui est activé (disons quand tu clic sur un boutton) et qui est censé regarder la couleur de fond actuelle d'un certain div pour savoir quoi faire?

**Dr. Troy** · 10/03/2005, 14h53

Voila.

Mettons j'ai un lien qui fait appel à la fonction avec : Onclick="fonction(ID);"
Et mon script va faire :

fonction(ID)

Si l'élémentID(ID) a pour style un fond vert, (et ça je sais pas la synthaxe :/)
alors changer le fond en rouge (ça je sais le faire)
Sinon, le changer en vert.

Mertyl · 10/03/2005, 15h03

A vrai dire j'y connais pas trop en javascript, si j'avais euton truc a faire jme serais demerdé avec une balise input hidden qui contiendrais comme valeur la couleur actuelle que tu veut tester. genre
<input type='hidden' name='couleurdiv' valuer='lacouleur au debut'>

dans ton js onmouseover ou je sais pas quoi, laction qui fait changer la couleur, tu rajoutes
couleurdiv.value='nouvellecouleur'

et pour la récuperer c'est pareil.

Enfin ca reste de la bidouille

Krutchu · 10/03/2005, 15h21

côté HTML :

Code:

<div id="bob" style="background-color:#FF0000;">
 ....
</div>

Côté script :

Code:

if(document.all["bob"].style.backgroundColor=="#FF0000"){
 ...
}else{
...
}

Dolanor · 10/03/2005, 15h29

Code PHP:


var maDiv= document.getElementById("IDDeMaDiv"); //Recupere l'objet IDDeMaDiv dans maDiv

if (maDiv != null && maDiv.style.bgColor=="green")
{
maDiv.style.backgroundColor="blue";
}

Je ne suis pas du tout spécialiste javascript, mais tu peux tester ca.

**Dr. Troy** · 10/03/2005, 15h37

J'avais déjà essayé des trucs comme ça mais ça ne marche pas non plus, j'y comprend rien :/

J'ai tout vérifié pourtant... grumph!

Dolanor · 10/03/2005, 15h41

Citation :

Publié par Eldorth | Export

J'avais déjà essayé des trucs comme ça mais ça ne marche pas non plus, j'y comprend rien :/

J'ai tout vérifié pourtant... grumph!

Chez moi ca marche

Et c W3C certified

Tu testes sous IE ?

**Dr. Troy** · 10/03/2005, 15h42

Mouarf bah maintenant ça marche o_O J'ai retapé tout mon script... J'ai du faire une faute de frappe sans m'en rendre compte... Merci tout le monde

Code:

if (document.getElementById && document.getElementById( nom ).style.parametre=="données")

Testé sous Firefox

J'ai du faire une couille quelque part, parceque j'ai tout repris de zéro et ça fonctionne impec'

**Dr. Troy** · 10/03/2005, 15h58

Désolé pour le up, mais enfait le problème vient d'ailleurs...

Les scripts marchaient bien mais il faut que je clique deux fois sur le lien la première fois pour que la fonction marche, et après c'est normal si la page n'est pas rechargée...

Quelqu'un connaît se problème?

Dolanor · 10/03/2005, 16h00

Citation :

Publié par Eldorth | Export

Désolé pour le up, mais enfait le problème vient d'ailleurs...

Les scripts marchaient bien mais il faut que je clique deux fois sur le lien la première fois pour que la fonction marche, et après c'est normal si la page n'est pas rechargée...

Quelqu'un connaît se problème?

C'est bizarre ... Mais comment lance tu ton javascript ?

**Dr. Troy** · 10/03/2005, 16h04

Par un lien de cette façon :

Code:

<a href="#" class="titre" OnClick="Mafonction('nomid')">Nom du lien</a>

Et la première fois que je veux lancer la fonction, il faut que je double-clique

Mertyl · 10/03/2005, 16h25

Ca serait plus simple si tu donnais pas ligne par ligne de code mais un truc global promis on le volera pas

**Dr. Troy** · 10/03/2005, 16h30

Ca sera pas nécessaire je viens juste de faire un test, et quand le style est sur la page et non dans la feuille de style il n'y a pas de problèmes...

Désolé de vous avoir fait perdre du temps

Sujet clos !

Corten Alpha & Oméga	http://openweb.eu.org/articles/bouton_css/
10/03/2005, 14h43

Mertyl Bagnard	Tu peut pas tater un truc du genre onClick="this.bgcolor='vert';" quoique dans un div ... chais pas teste et raconte nous
10/03/2005, 14h47

Moine Gourmand Alpha & Oméga	C'est pas du Javascript mais du CSS entièrement (avec l'élément :hover) Tout est indiqué sur le lien de Corten
10/03/2005, 14h48

Dr. Troy Alpha & Oméga	Merci mais tout ça je sais faire, je cherche juste la façon d'écrire dans mon script "Si un élément à une telle propriété et bah ça fait quelques chose quand je fais appel à la fonction". Je donnais un exemple simpliste, c'est pour me servir d'autre chose qu'un simple hover...
10/03/2005, 14h49

Mertyl Bagnard	Ah donc t'a un script js dans ta page qui est activé (disons quand tu clic sur un boutton) et qui est censé regarder la couleur de fond actuelle d'un certain div pour savoir quoi faire?
10/03/2005, 14h51

Dr. Troy Alpha & Oméga	Voila. Mettons j'ai un lien qui fait appel à la fonction avec : Onclick="fonction(ID);" Et mon script va faire : fonction(ID) Si l'élémentID(ID) a pour style un fond vert, (et ça je sais pas la synthaxe :/) alors changer le fond en rouge (ça je sais le faire) Sinon, le changer en vert.
10/03/2005, 14h53

Krutchu Oracle	côté HTML : Code: <div id="bob" style="background-color:#FF0000;"> .... </div> Côté script : Code: if(document.all["bob"].style.backgroundColor=="#FF0000"){ ... }else{ ... }
10/03/2005, 15h21

Dolanor Alpha & Oméga	Code PHP: `var maDiv= document.getElementById("IDDeMaDiv"); //Recupere l'objet IDDeMaDiv dans maDiv if (maDiv != null && maDiv.style.bgColor=="green") { maDiv.style.backgroundColor="blue"; }` Je ne suis pas du tout spécialiste javascript, mais tu peux tester ca.
10/03/2005, 15h29

Dr. Troy Alpha & Oméga	J'avais déjà essayé des trucs comme ça mais ça ne marche pas non plus, j'y comprend rien :/ J'ai tout vérifié pourtant... grumph!
10/03/2005, 15h37

Dolanor Alpha & Oméga	Citation : Publié par Eldorth \| Export J'avais déjà essayé des trucs comme ça mais ça ne marche pas non plus, j'y comprend rien :/ J'ai tout vérifié pourtant... grumph! Chez moi ca marche Et c W3C certified Tu testes sous IE ?
10/03/2005, 15h41

Dr. Troy Alpha & Oméga	Mouarf bah maintenant ça marche o_O J'ai retapé tout mon script... J'ai du faire une faute de frappe sans m'en rendre compte... Merci tout le monde Code: if (document.getElementById && document.getElementById( nom ).style.parametre=="données") Testé sous Firefox J'ai du faire une couille quelque part, parceque j'ai tout repris de zéro et ça fonctionne impec'
10/03/2005, 15h42

Dr. Troy Alpha & Oméga	Désolé pour le up, mais enfait le problème vient d'ailleurs... Les scripts marchaient bien mais il faut que je clique deux fois sur le lien la première fois pour que la fonction marche, et après c'est normal si la page n'est pas rechargée... Quelqu'un connaît se problème?
10/03/2005, 15h58

Dolanor Alpha & Oméga	Citation : Publié par Eldorth \| Export Désolé pour le up, mais enfait le problème vient d'ailleurs... Les scripts marchaient bien mais il faut que je clique deux fois sur le lien la première fois pour que la fonction marche, et après c'est normal si la page n'est pas rechargée... Quelqu'un connaît se problème? C'est bizarre ... Mais comment lance tu ton javascript ?
10/03/2005, 16h00

Dr. Troy Alpha & Oméga	Par un lien de cette façon : Code: <a href="#" class="titre" OnClick="Mafonction('nomid')">Nom du lien</a> Et la première fois que je veux lancer la fonction, il faut que je double-clique
10/03/2005, 16h04

Mertyl Bagnard	Ca serait plus simple si tu donnais pas ligne par ligne de code mais un truc global promis on le volera pas
10/03/2005, 16h25

Dr. Troy Alpha & Oméga	Ca sera pas nécessaire je viens juste de faire un test, et quand le style est sur la page et non dans la feuille de style il n'y a pas de problèmes... Désolé de vous avoir fait perdre du temps Sujet clos !
10/03/2005, 16h30

[JavaScript / CSS] IF....

Connectés sur ce fil