[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>