[changement de couleur]

**Lady_jade** · 24/10/2005, 09h30

je souhaite pouvoir choisir la couleur de fond de mon input type=text

pour cela j'ai fait:

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<html> 
<head> 
<script language="javascript"> 
function changer_couleurs()
{ 
document.form.profil.style.color=document.form.fgColor.value 
} 
</script> 
</head> 
<body onLoad="changer_couleurs()"> 
 
<form name="form"> 
<input type="text" name="profil" value="text" style="color:"> 
 
<select size="1" name="fgColor" onclick="changer_couleurs()"> 
<option>--Couleur--</option> 
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option> 
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option> 
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>  
<option value="turquoise">Turquoise</option> 
<option value="salmon">Saumon</option> 
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option> 
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option> 
</select> 
 
</form> 
</body> 
</html>

ça marche super bien mais j'ai voulu l'étendre à une liste de champ de text
j'ai donc écrit:

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 
<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="../Connexion_Session/connexionBddMysql.jsp" %>
<%
//requete MySQL
String reqOperateurMySQL = "select * from personne where statut = 1 order by nom";
ResultSet rsOperateurMySQL;
rsOperateurMySQL = lienMySQL.executeQuery(reqOperateurMySQL);
%>
<html>
<head>
<script language="javascript"> 
function changer_couleurs(a)
{ 
document.form.a.style.color=document.form.fgColor.value 
} 
</script> 
 
</head>
 
<body>
<form name="form"> 
 
<table width="341" border="1" align="center">
  <tr class="TitreCorps">
    <th width="54" scope="col">Abv.</th>
    <th width="120" scope="col">Libell&eacute;</th>
    <th width="145" scope="col">Couleur de Fond</th>
  </tr>
    <% while (rsOperateurMySQL.next())
	   {
	   String nomMySQL = rsOperateurMySQL.getString("nom");
	String id = rsOperateurMySQL.getString("idpersonne");
 
%>
  <tr class="corpsTexte">
    <td><div align="center"></div></td>
    <td><div align="center">
      <input type="text" name="profil<% out.println(id); %>" disabled value="<% out.println(nomMySQL); %>" style="color:" border="0" size="20" class="corpsTexte">
    </div></td>
    <td><div align="center">
      <select size="1" name="fgColor" onclick="changer_couleurs('profil<% out.println(id); %>')" class="corpsTexte"> 
        <option>--Couleur--</option> 
        <option value="Blue">Bleu</option>
        <option value="aquamarine">Bleu marine</option>
        <option value="Navy">Bleu foncé</option>
        <option value="darkslateblue">Bleu violet</option>
        <option value="cadetblue">Bleu vert</option> 
        <option value="Green">Vert</option>
        <option value="springgreen">Vert fluo</option>
        <option value="darkkhaki">Vert khaki</option>
        <option value="Yellow">Jaune</option> 
        <option value="Orange">Orange</option>
        <option value="deeppink">rose</option>
        <option value="tomato">Tomate</option>
        <option value="Red">Rouge</option>
        <option value="Violet">Violet</option>
        <option value="darkred">Violet foncé</option>  
        <option value="turquoise">Turquoise</option> 
        <option value="salmon">Saumon</option> 
        <option value="darksalmon">Saumon foncé</option>
        <option value="darkgoldenrod">Or sombre</option> 
        <option value="wheat">Marron clair</option>
        <option value="tan">Marron</option>
        <option value="chocolate" selected>Chocolat</option> 
      </select> 
    </div></td>
  </tr>
    <%
    }
    %>
</table>
</form>
<%@ include file="../Connexion_Session/fermetureBddMysql.jsp" %>
</body>
</html>

cette fois ci j'ai une erreur javascript qui me dit:

Code :

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

1
2
 
'profil4' est indéfini

or j'ai regarder le code source où profil4 est bien le nom de mon premier champ text.

un coup de main serait le bienvenu.

**javatwister** · 24/10/2005, 09h36

Code :

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

or j'ai regarder le code source

fort bien!

peux-tu le recopier ici maintenant?

**Lady_jade** · 24/10/2005, 09h48

le voici
[code:1:2b3ceb1ac0]
<html>
<head>
<script language="javascript">
function changer_couleurs(a)
{
document.form.a.style.color=document.form.fgColor.value
}
</script>

</head>

<body background="../../images/fondTsp2.jpg">
<form name="form">

<table width="341" border="1" align="center">
<tr class="TitreCorps">
<th width="54" scope="col">Abv.</th>
<th width="120" scope="col">Libellé</th>
<th width="145" scope="col">Couleur de Fond</th>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil4
" disabled value="ALOUI
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil4
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil5
" disabled value="AMRANI
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil5
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil6
" disabled value="ANBAR
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil6
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil8
" disabled value="BERTHET
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil8
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil9
" disabled value="BERTHOT
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil9
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil10
" disabled value="BORGES
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil10
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil11
" disabled value="BOUACHA
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil11
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil12
" disabled value="CASTAGNA
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil12
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil13
" disabled value="CHA
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil13
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil15
" disabled value="CHAIBNI
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil15
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil16
" disabled value="CHALILAT THONGLI
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil16
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil17
" disabled value="CHAOUNI
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil17
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil18
" disabled value="COGNARD
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil18
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil19
" disabled value="DANG
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil19
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil20
" disabled value="DAOUDI interim
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil20
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil21
" disabled value="DAULIN
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil21
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil22
" disabled value="DD
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil22
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil23
" disabled value="DEGEUSE
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil23
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil24
" disabled value="DEJESUS
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil24
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil25
" disabled value="DONZEL
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil25
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil26
" disabled value="DOSSANTOS interi
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil26
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil27
" disabled value="DUPONT
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil27
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil28
" disabled value="EL RICH
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil28
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil29
" disabled value="FAUCHERE
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil29
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil30
" disabled value="FREY
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil30
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil31
" disabled value="GILLOT interim
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil31
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil32
" disabled value="GODA ROMAIN
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil32
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option>
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
</div></td>
</tr>

<tr class="corpsTexte">
<td><div align="center"></div></td>
<td><div align="center">
<input type="text" name="profil33
" disabled value="GREGORY
" style="color:" border="0" size="20" class="corpsTexte">
</div></td>
<td><div align="center">
<select size="1" name="fgColor" onclick="changer_couleurs(profil33
)" class="corpsTexte">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darksla

**javatwister** · 24/10/2005, 09h50

(je suis plutôt de bonne humeur)

**Lady_jade** · 24/10/2005, 10h24

t'as compris mon erreur alors??

**javatwister** · 24/10/2005, 10h31

déjà, arrête d'utiliser frontpage et renseigne-toi

sur le passage de paramètres à une fonction

sur le nommage des éléments html (id, name)

sur la syntaxe DOM

après, il est clair que l'objet profil4 n'existe pas!

**Lady_jade** · 24/10/2005, 10h47

excuse moi mais j'utilise pas front page.
c'est vrai que je suis novice en javascript mais je ne pensais pas m'etre trompée vu que dans mon premier test avec un seul champ de texte ça marche.
j'ai aussi noté que mon passage de paramètre devait avoir des soucis or je ne sais pas lesquels et c'est pour cela que j'ai sollicité de l'aide.

merci

**javatwister** · 24/10/2005, 10h57

"profil+entier" doit être entouré par de simples quotes dans l'appel de fonction;

l'événement approprié pour un select est plutôt onchange;

de plus, modifie l'appel ainsi:

Code :

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

changer_couleur(this.form.elements['profil4'],this.value);

(je sais bien que le nom du champ est construit dynamiquement donc si tu as un problème pour l'écrire, dis-le);

depuis la fonction, appelle le champ concerné comme ça:

Code :

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

1
2
3
function changer_couleurs(champ,couleur){ 
champ.style.color=couleur;
}

**fred777888999** · 24/10/2005, 11h03

JT n'est pas un mauvais bougre loin de la et je le comprend, il t'as donne toutes les informations pour corriger ton code de facon efficace, mais visiblement tu as besoin de plus d'explications. Ta fonction

Code :

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

1
2
3
4
5
 
function changer_couleurs(a) 
{ 
document.form.a.style.color=document.form.fgColor.value 
}

est selon toutes evidence bugge jusqu'a l'os. Le navigateur va chercher un element qui s'appele a dans le formulaire pour lui appliquer le style, il n'as aucun moyen de savoir que tu veux qu'il remplace le dit a par la valeur de la variable. Si tu tiens a faire comme ca il faut utiliser (peu recommende) la fonction eval comme suit :

Code :

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

1
2
3
4
5
 
function changer_couleurs(a) 
{ 
eval('document.form.'+a+'.style.color=document.form.fgColor.value'); 
}

ensuite, tous tes champs vont prendre la valeur du select fgColor qui n'est pas unique dans ton formulaire, ce qui va poser de graves problemes pour savoir lequel il faut utiliser.
Apres, ton appel est completement foireux, quand tu fait :

Code :

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

1
2
3
 
<select size="1" name="fgColor" onclick="changer_couleurs(profil6 
)" class="corpsTexte">

il va passer a ta fonction la VALEUR de la VARIABLE profil6 (qui est selon toute evidence indefinie).
Je te suggere de plutot utiliser les IDs que les noms, voici une fonction plus simple que la tienne qui pourrait fonctionner (je refuse de passer du temps a tester et debugger ca, il y a sans doutes encore du boulot a faire)

Code :

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

1
2
3
4
5
6
 
function Colorier(id) {
champ=document.getElementById(id+"_champ");
cbxCouleur = document.getElementById(id+"_couleur");
champ.style.color = cbxCouleur[cbxCouleur.selectedIndex].value;
}

et de definir tes champs comme suit :

Code :

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

1
2
3
4
5
6
 
<input id="c1_champ">
<select id="c1_couleur" onChange="Colorier('c1')">
<option value="Blue">Bleu</option> 
<option value="aquamarine">Bleu marine</option> 
</select>

[edit] Grille, JT est tj aussi rapide et efficace

[/edit]

**javatwister** · 24/10/2005, 11h12

bah, c'est parce que j'ai pris le temps de tout lire ligne par ligne

hum, Lady_Jade, tu veux en faire quoi de ces changements de couleur, là?

**Lady_jade** · 24/10/2005, 11h34

je veux sauvgader la couleur de chaque champ dans une BDD.

et oui j'ai un pb pour écrire dynamique profil4

j'écris:

Code :

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

1
2
 
changer_couleurs(this.form.elements['profil<% out.println(id); %>'],this.value)

et j'ai une erreur qui me dit

Code :

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

1
2
 
constante chaine non terminée

**javatwister** · 24/10/2005, 11h44

tu peux me donner le source correspondant à cette ligne?

**fred777888999** · 24/10/2005, 11h47

Ton id contient un ' a 99%...

**Lady_jade** · 24/10/2005, 11h49

la voici:

Code :

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

1
2
 
<select size="1" name="fgColor" onchange="changer_couleurs(this.form.elements['profil4'],this.value)"  class="corpsTexte">

Merci pour le temps que tu veux bien m'accorder

**javatwister** · 24/10/2005, 11h53

pas d'erreur dans cette ligne!

teste avec ffx, vérifie la ligne concernée...

**Lady_jade** · 24/10/2005, 11h58

avec firefox je n'ai pas d'erreur javascript mais la couleur du texte ne change pas!???

**javatwister** · 24/10/2005, 12h13

je ne sais pas si ça va beaucoup t'aider mais je te propose ceci, histoire de réduire de 95% ton code:

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 
<title>...</title>
 
</head>
 
<body>
 
<form id="f" action="">
 
<p>
<select size="1" id="col">
<option>--Couleur--</option> 
<option value="Blue">Bleu</option> 
<option value="aquamarine">Bleu marine</option> 
<option value="Navy">Bleu foncé</option> 
<option value="darkslateblue">Bleu violet</option> 
<option value="cadetblue">Bleu vert</option> 
<option value="Green">Vert</option> 
<option value="springgreen">Vert fluo</option> 
<option value="darkkhaki">Vert khaki</option> 
<option value="Yellow">Jaune</option> 
<option value="Orange">Orange</option> 
<option value="deeppink">rose</option> 
<option value="tomato">Tomate</option> 
<option value="Red">Rouge</option> 
<option value="Violet">Violet</option> 
<option value="darkred">Violet foncé</option> 
<option value="turquoise">Turquoise</option> 
<option value="salmon">Saumon</option> 
<option value="darksalmon">Saumon foncé</option> 
<option value="darkgoldenrod">Or sombre</option> 
<option value="wheat">Marron clair</option> 
<option value="tan">Marron</option> 
<option value="chocolate">Chocolat</option> 
</select> 
</p>
 
<p id="textes">
<input type="text" name="nom1" /><br />
<input type="text" name="nom2" /><br />
<input type="text" name="nom3" /><br />
<input type="text" name="nom4" /><br />
<input type="text" name="nom5" /><br />
</p>
 
</form>
 
<script type="text/javascript">
var champ;
var t=document.getElementById("textes").getElementsByTagName("input");
var c=document.getElementById("col");
 
for(i=0;i!=t.length;i++){
	t[i].onfocus=function(){
		champ=this.name;c.selectedIndex=0
	}
}
 
c.onchange=function(){
	if(champ){
		document.getElementById("f").elements[champ].style.color=this.value
	}
}
 
</script>
 
 
</body>
 
</html>

du coup, le seul rôle d'asp est d'aller chercher les id et les valeurs des champs textes;

après, effectivement, libre à toi d'envoyer par formulaire les valeurs de couleur de chaque champ;

**Mr N.** · 24/10/2005, 12h28

Pour répondre à ton besoin, je te propose d'essayer et d'analyser ce code :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<html>
<head>
<script language="javascript">
function changer_couleurs(elem, color)
{
   elem.style.backgroundColor = color;
}
</script>
</head>
<body>
 
<form name="form">
<table>
<tr><td><input type="text" name="profil_0" value="text" /></td><td>
 
<select size="1" name="bgColor_0" onchange="changer_couleurs(document.form.profil_0, this.value)">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option> 
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
     </td></tr>
<tr><td><input type="text" name="profil_1" value="text" /></td><td>
 
<select size="1" name="bgColor_1" onchange="changer_couleurs(document.form.profil_1, this.value)">
<option>--Couleur--</option>
<option value="Blue">Bleu</option>
<option value="aquamarine">Bleu marine</option>
<option value="Navy">Bleu foncé</option>
<option value="darkslateblue">Bleu violet</option>
<option value="cadetblue">Bleu vert</option>
<option value="Green">Vert</option>
<option value="springgreen">Vert fluo</option>
<option value="darkkhaki">Vert khaki</option>
<option value="Yellow">Jaune</option>
<option value="Orange">Orange</option>
<option value="deeppink">rose</option>
<option value="tomato">Tomate</option>
<option value="Red">Rouge</option>
<option value="Violet">Violet</option>
<option value="darkred">Violet foncé</option> 
<option value="turquoise">Turquoise</option>
<option value="salmon">Saumon</option>
<option value="darksalmon">Saumon foncé</option>
<option value="darkgoldenrod">Or sombre</option>
<option value="wheat">Marron clair</option>
<option value="tan">Marron</option>
<option value="chocolate" selected>Chocolat</option>
</select>
     </td></tr>
 
</form>
</body>
</html>

**Lady_jade** · 24/10/2005, 13h53

tout d'abord merci de vos réponses

alors j'ai utilisé et adapté le dernier code à mes besoins:

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
 
<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="../Connexion_Session/connexionBddMysql.jsp" %>
<%
//requete MySQL
String reqOperateurMySQL = "select * from personne where statut = 1 order by nom";
ResultSet rsOperateurMySQL;
rsOperateurMySQL = lienMySQL.executeQuery(reqOperateurMySQL);
%>
<html> 
<head> 
<script language="javascript"> 
function changer_couleurs(elem, color) 
{
	alert(elem);
	alert(color); 
   elem.style.backgroundColor = color; 
} 
</script> 
</head> 
<body> 
 
<form name="form"> 
<table> 
<tr><td><input type="text" name="profil_0" value="text" /></td><td> 
 
<select size="1" name="bgColor_0" onchange="changer_couleurs(document.form.profil_0, this.value)"> 
<option>--Couleur--</option> 
<option value="Blue">Bleu</option> 
<option value="aquamarine">Bleu marine</option> 
<option value="Navy">Bleu foncé</option> 
<option value="darkslateblue">Bleu violet</option> 
<option value="cadetblue">Bleu vert</option> 
<option value="Green">Vert</option> 
<option value="springgreen">Vert fluo</option> 
<option value="darkkhaki">Vert khaki</option> 
<option value="Yellow">Jaune</option> 
<option value="Orange">Orange</option> 
<option value="deeppink">rose</option> 
<option value="tomato">Tomate</option> 
<option value="Red">Rouge</option> 
<option value="Violet">Violet</option> 
<option value="darkred">Violet foncé</option> 
<option value="turquoise">Turquoise</option> 
<option value="salmon">Saumon</option> 
<option value="darksalmon">Saumon foncé</option> 
<option value="darkgoldenrod">Or sombre</option> 
<option value="wheat">Marron clair</option> 
<option value="tan">Marron</option> 
<option value="chocolate" selected>Chocolat</option> 
</select> 
     </td></tr> 
<tr>
<% while (rsOperateurMySQL.next())
	   {
	   		String nomMySQL = rsOperateurMySQL.getString("nom");
			String id = rsOperateurMySQL.getString("idpersonne");
%>
 
 
 
<td><input type="text" name="profil_<% out.println(id); %>" value="<% out.println(nomMySQL); %>" /></td><td> 
 
<select size="1" name="bgColor_<% out.println(id); %>" onchange="changer_couleurs(document.form.profil_<% out.println(id); %>, this.value)"> 
<option>--Couleur--</option> 
<option value="Blue">Bleu</option> 
<option value="aquamarine">Bleu marine</option> 
<option value="Navy">Bleu foncé</option> 
<option value="darkslateblue">Bleu violet</option> 
<option value="cadetblue">Bleu vert</option> 
<option value="Green">Vert</option> 
<option value="springgreen">Vert fluo</option> 
<option value="darkkhaki">Vert khaki</option> 
<option value="Yellow">Jaune</option> 
<option value="Orange">Orange</option> 
<option value="deeppink">rose</option> 
<option value="tomato">Tomate</option> 
<option value="Red">Rouge</option> 
<option value="Violet">Violet</option> 
<option value="darkred">Violet foncé</option> 
<option value="turquoise">Turquoise</option> 
<option value="salmon">Saumon</option> 
<option value="darksalmon">Saumon foncé</option> 
<option value="darkgoldenrod">Or sombre</option> 
<option value="wheat">Marron clair</option> 
<option value="tan">Marron</option> 
<option value="chocolate" selected>Chocolat</option> 
</select> 
     </td>
	 	  <%
		}
    %>
 
	 </tr> 
 
</form> 
</body> 
</html>

pour le premier input ça va j'ai rien changé
mais pour le second:
j'ai la même erreur qui me revient

Code :

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

1
2
 
'style' a la valeur null ou n'est pas un objet

Pour savoir ce qui ce passe j'ai ajouté des alert est pour

Code :

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

1
2
 
alert(elem);

j'ai la fenetre alert qui aparait avec le message undefined.

j'ai beau retourner ça dans tous les sens je reste perplexe.
en effet mon code source me retourne

Code :

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

1
2
3
4
5
 
<select size="1" name="bgColor_4
" onchange="changer_couleurs(document.form.profil_4
, this.value)"> 
....

je ne fait appel au changement de couleur qu'après que la page soit chargée donc mon element est défini, non?

**Mr N.** · 24/10/2005, 13h58

Et est-ce qu'il existe un champ texte profil_4 ???

[changement de couleur]

JavaScript

Vue hybride

Discussions similaires

Partager

Partager