Discussion :

[salsero1]

Bonsoir,
je suis en train de faire un formulaire dont voici un bout du code
<INPUT type=text name="titre1" value= "toto" style="background-color:#FFFF00;">
<INPUT type=text name="titre2" value= "momo">
<INPUT type=text name="titre3" value= "kiko">
<INPUT type="submit" value="couleur">
je souhaite faire, en cliquant sur le bouton couleur, changer la couleur d'une case qui a été selectionée avant.
mon probleme c'est que je ne sais pas comment selectionner une case du formulaire avant de cliquer sur le bouton couleur pour que le traitement ne se fasse que sur cette case du formulaire.
Merci.

[jmulans]

Code :

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

1
2
3
<INPUT type=text id="titre1" value= "toto" onClick="changeCouleur(this)" style="background-color:#FFFF00;">
<INPUT type=text id="titre2" value= "momo" onClick="changeCouleur(this)">
<INPUT type=text id="titre3" value= "kiko" onClick="changeCouleur(this)">

deja tu peut mettre des ID à la place des name ça t'aidera à les retrouver
au moment du clic sur une des cases tu change sa couleur (pour indiquer que cette case est selectionnée)

Code :

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

1
2
3
function changeCouleur(input){
   document.getElementById(input).style.backgroundColor="red";
}

tu peut mettre ce que tu veut pour u=indiquer qu'une case est selectionnée (changer la couleur de fonc, la bordure...)
et ensuite quand tu fait submit, tu verifie quelle case a une couleur differente des autre

[salsero1]

j'ai fait exactement ce que tu m'as dit, ca ne marche pas, j'ai ajouté le code :
<script>
function changeCouleur(input){
document.getElementById(input).style.backgroundColor="red";
}
</script>
et
<INPUT type=text name="modele" value= "'.$nom_modele[$k].'" onClick="changeCouleur
(this)" style="background-color:#00FF00;" >';

quand je fais passer la souris sur cette case de mon formulaire ca ne change pas de couleur.
Merci pour ton aide

[jmulans]

tu veut que ta cellule soit selectionnée au survol de la souris ?
remplace "onClick" par "onmouseover" (survol de la souris)
mais dans ce cas la tu doit faire une nouvelle fonction qui va annuler les effet de l'autre (remettre la couleur par defaut de la div) avec onmouseout (quand la souris s'en va)

par contre je voit pas comment tu peut savoir quelle cellule est selectionnée au moment ou tu appuie sur le bouton submit dans ce cas là...

[salsero1]

je ne vois pas comment appeler la fonction changeCouleur?
l'utilisateur selectionne une case et apres clique sur le bouton couleur, ca devra changer la couleur de case?
dans mon code le bouton couleur appelle la page traitement.php, est ce que c'est ici ou je dois apeller la fonction changeCouleur? si oui comment stp?
je suis debutant. Merci

[jmulans]

oui attend j'ai compris je crois

tu veut selectionner une case (en cliquant dessus ?)
puis appuyer sur le bouton submit pour changer cette case de couleur c'est bien ça ?

[salsero1]

oui c'est ca ta compris, je selectionne la case et juste apres je clique sur le bouton couleur qui me mettras en couleur cette case

[jmulans]

j'ai essayé un truc comme ça

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var toto = 0;
var momo = 0;
var kiko = 0;
function selectionne(id){
 
	toto = 0;
	momo = 0;
	kiko = 0;
	if(id=="toto") toto = 1;
	if(id=="momo") momo = 1;
	if(id=="kiko") kiko = 1;
}
function changeCouleur(){
 
	alert("toto : "+toto+" - momo : "+momo+" - kiko : "+kiko);
	document.getElementById("toto").style.backgroundColor = "white";
	document.getElementById("momo").style.backgroundColor = "white";
	document.getElementById("kiko").style.backgroundColor = "white";
 
	if(toto==1) document.getElementById("toto").style.backgroundColor = "#FFFF00";
	if(momo==1) document.getElementById("momo").style.backgroundColor = "#FFFF00";
	if(kiko==1) document.getElementById("kiko").style.backgroundColor = "#FFFF00";
}

Code :

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

1
2
3
4
<INPUT type=text id="toto" onClick="javascript:selectionne('toto');" value= "toto">
<INPUT type=text id="momo" onClick="selectionne('momo')" value= "momo">
<INPUT type=text id="kiko" onClick="selectionne('kiko')" value= "kiko">
<INPUT type="submit" value="couleur" onClick="changeCouleur()">

qund tu clique sur OK ça coloire la case sur laquelle tu viens de cliquer et ça remet les autres en blanc

[salsero1]

je vais essayer ca toute suite merci boco

[salsero1]

je t'ai ecris un message privé