[POO] passage nom objet dsn les parametres d'une fonction

**melou** · 21/10/2005, 12h27

Je cr�e pour un projet de stage une interface graphique: dans celle ci j'aimerai que l'utilisateur choissise le code de la couleur du texte et le code de la couleur du fond.

pour cela j'utilise 2 fois le memes tableau representant les codes couleurs existants. Celui �arche bien pour le 1er, ile me met bien le code ds mon formulaire: Par contre, pour le 2eme ca ne marche pas! Il m'ecrit dans le formulaire de la couleur du texte

Pourtant ds le code quand j'appelle la fonction permettant d'afficher le tableau des couleurs, je passe le bon nom de formulaire.

Est ce que c'est parce que ds la fonction javascript qui m permet d'ecrire ds mon formulaire que je passe en parametres le nom de mon formulaire??

quelque ligne de code pour etre plus claire:

// appel de ma fonction qui affiche le tableau de couleur:

Code :

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

1
2
choix_couleur('couleur_texte');
choix_couleur('couleur_fond');

fonction qui affiche le tableau de couleur (1 ligne seulement, trop long sinon)
$nom correspond a couleur_texte ds un 1er temps et a couleur_fond ensuite

Code :

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

<area shape="rect" coords="1,1,7,10" href="javascript:showColor('#00FF00',document.modif_objet.<? echo $nom ?>)">

et la fonction javascript

Code :

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

1
2
3
4
function showColor(val,nom)
{
  nom.value = val;
}

donc la premiere fois pas de pb ca marche par contre ds le 2eme temps, pour couleur_fond, le nom ds ma fonction javascript est tjs couleur_texte alors que ds ma fonction choix_couleur, j'ai bien couleur_fond

merci de l'aide

**Dina�z** · 21/10/2005, 12h31

Peut etre devrais tu fournir plus de code, car la, c'est pas tres clair . En plus apparament t'as du PHP ?

**Mr N.** · 21/10/2005, 12h32

d'o� vient $nom ?

**melou** · 21/10/2005, 12h49

merci de votre rapidite!!

plus de 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
function choix_couleur($nom)
{
  <table border="0">	
    <tr>
      <td colspan="3" width="100%">
      <map name="colmap">
<area shape="rect" coords="1,1,7,10" href="javascript:showColor('#00FF00',document.modif_objet.<? echo $nom ?>)">
<area shape="rect" coords="9,1,15,10" href="javascript:showColor('#00FF33',this.modif_objet.<? echo $nom ?>)">
<area shape="rect" coords="17,1,23,10" href="javascript:showColor('#00FF66',this.modif_objet.<? echo $nom ?>)">
<area shape="rect" coords="25,1,31,10" href="javascript:showColor('#00FF99',this.modif_objet.<? echo $nom ?>)">
...
 
<a><img usemap="#colmap" src="images/colortable.gif" border="0" width="289" height="67"></a><br>						
        </td>
     </tr>
     <tr>
        <td width="30%">
           <input type="text" name="<? echo $nom ?>" size="10">
        </td>
     </tr>
</table>
}

$nom depend de l'appel de ma fonction, je l'appelle 2 fois:

Code :

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

1
2
choix_couleur('couleur_texte'); 
choix_couleur('couleur_fond');

le probleme est que ds ma fonction javascript

Code :

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

1
2
3
4
function showColor(val,nom) 
{ 
  nom.value = val; 
}

quand je choisis une couleur de texte ou une couleur de fond l'objet reste couleur_texte

merci de votre aide
[/code]

**Mr N.** · 21/10/2005, 12h52

Envoy� par melou

merci de votre rapidite!!

On a failli attendre

Peux tu nous afficher le code html de ta page (en tout cas les parties pertinentes)

**melou** · 21/10/2005, 14h00

ma fonction choix_couleur se trouve dans un fichier couleur.php

j'inclus ce fichier au debut de ma programmation.

apres j'ai :

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
<html>
 
<head>
	<title>Mise en forme d'une lettre</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<meta http-equiv="pragma" content="no-cache">
	<link href="css/style.css" rel="stylesheet" type="text/css">
 
	<script LANGUAGE="JavaScript">
		function showColor(val,nom)
		{
			alert (nom.name);
			nom.value = val;
		}
 
		function myClose() 
		{
			opener = self;
			self.close();
		};
	</script>
</head>
 
<body>
   choix_couleur('couleur_texte'); 
   choix_couleur('couleur_fond'); 
</body>
</html>

evidemment j'ai zappe des bouts

sinon ca serai bcp trop long mais la est l'idee

**Mr N.** · 21/10/2005, 14h07

Il en manque

Au moins le resultats des deux appels de la fonction si possible

: c'est peut-�tre confidentiel...

**melou** · 21/10/2005, 14h16

ma fonction permet d'afficher un tableau de couleur, quand tu cliaues sur une couleur, je voudrais que le code de la couleur en hexa decimel s'affiche dans moin formulaire... ca marche pour le 1er mais pas pour le 2eme appel de la fonction, cr le resultat ce recrit ds le formulaire lie a couleur_texte (et non couleur_fond comme je le vourdais)

ma fonction est la suivante (j'ai pas mis tous les ignes du tableau...)

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
function choix_couleur($nom) 
{ 
  <table border="0">    
    <tr> 
      <td colspan="3" width="100%"> 
      <map name="colmap"> 
<area shape="rect" coords="1,1,7,10" href="javascript:showColor('#00FF00',this.modif_objet.<? echo $nom ?>)"> 
<area shape="rect" coords="9,1,15,10" href="javascript:showColor('#00FF33',this.modif_objet.<? echo $nom ?>)"> 
<area shape="rect" coords="17,1,23,10" href="javascript:showColor('#00FF66',this.modif_objet.<? echo $nom ?>)"> 
<area shape="rect" coords="25,1,31,10" href="javascript:showColor('#00FF99',this.modif_objet.<? echo $nom ?>)"> 
... 
 
<a><img usemap="#colmap" src="images/colortable.gif" border="0" width="289" height="67"></a><br>                   
        </td> 
     </tr> 
     <tr> 
        <td width="30%"> 
           <input type="text" name="<? echo $nom ?>" size="10"> 
        </td> 
     </tr> 
</table> 
}

merci

**XtoX** · 21/10/2005, 14h30

Je ne comprend pas pourquoi tu utilises du php dans ton code � ce niveau l� o_O

Tout devrait pouvoir se faire en JavaScript.

**Mr N.** · 21/10/2005, 14h34

grrrrr
moi y en a vouloir code html. ici forum javascript ! moi vouloir code pertinent g�n�r� par php !

**melou** · 21/10/2005, 15h57

voila des parties de mon code, comme tu le voi j'appelle ma fonction showcolor une fois avec couleur_texte et l'autre fois avec couleur_fond

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
<table border="0">	
		<tr>
			<td colspan="3" width="100%">
				<map name="colmap">
				<area shape="rect" coords="1,1,7,10" href="javascript:showColor('#00FF00',this.modif_objet.couleur_texte)">
				<area shape="rect" coords="9,1,15,10" href="javascript:showColor('#00FF33',this.modif_objet.couleur_texte)">
				<area shape="rect" coords="17,1,23,10" href="javascript:showColor('#00FF66',this.modif_objet.couleur_texte)">
				<area shape="rect" coords="25,1,31,10" href="javascript:showColor('#00FF99',this.modif_objet.couleur_texte)">
				<area shape="rect" coords="33,1,39,10" href="javascript:showColor('#00FFCC',this.modif_objet.couleur_texte)">
				<area shape="rect" coords="41,1,47,10" href="javascript:showColor('#00FFFF',this.modif_objet.couleur_texte)">
				<area shape="rect" coords="49,1,55,10" href="javascript:showColor('#33FF00',this.modif_objet.couleur_texte)">
 
 
....
 
<area shape="rect" coords="257,56,263,65" href="javascript:showColor('#FF0066',this.modif_objet.couleur_texte)">
				<area shape="rect" coords="265,56,271,65" href="javascript:showColor('#FF0099',this.modif_objet.couleur_texte)">
				<area shape="rect" coords="273,56,279,65" href="javascript:showColor('#FF00CC',this.modif_objet.couleur_texte)">
				<area shape="rect" coords="281,56,287,65" href="javascript:showColor('#FF00FF',this.modif_objet.couleur_texte)">
				</map>
				<a><img usemap="#colmap" src="images/colortable.gif" border="0" width="289" height="67"></a><br>						
			</td>
		</tr>
		<tr>
			<td width="30%">
				<input type="text" name="couleur_texte" size="10">
			</td>
 
....
<td>
									couleur du fond:
								</td>
								<td>		
	<table border="0">	
		<tr>
			<td colspan="3" width="100%">
				<map name="colmap">
				<area shape="rect" coords="1,1,7,10" href="javascript:showColor('#00FF00',document.modif_objet.couleur_fond)">
				<area shape="rect" coords="9,1,15,10" href="javascript:showColor('#00FF33',this.modif_objet.couleur_fond)">
				<area shape="rect" coords="17,1,23,10" href="javascript:showColor('#00FF66',this.modif_objet.couleur_fond)">
				<area shape="rect" coords="25,1,31,10" href="javascript:showColor('#00FF99',this.modif_objet.couleur_fond)">
				<area shape="rect" coords="33,1,39,10" href="javascript:showColor('#00FFCC',this.modif_objet.couleur_fond)">
 
....
 
<area shape="rect" coords="273,56,279,65" href="javascript:showColor('#FF00CC',this.modif_objet.couleur_fond)">
				<area shape="rect" coords="281,56,287,65" href="javascript:showColor('#FF00FF',this.modif_objet.couleur_fond)">
				</map>
				<a><img usemap="#colmap" src="images/colortable.gif" border="0" width="289" height="67"></a><br>						
			</td>
		</tr>
		<tr>
			<td width="30%">
				<input type="text" name="couleur_fond" size="10">
			</td>