recup variable Javascript pour Formulaire php

Version imprimable

Bonjour, le script suivant me permet de récupérer l'Id lors d'un onclick et de l'afficher dans mon Div.
Je souhaiterais que vous m'aidiez à récupérer la valeur de l'ID afin de la mettre dans le parametre Value de mon input.
Code :

Code:

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
<html>
<head>
<title>TEST</title>
<script>
	function afficheId(baliseId,di){
		if (document.getElementById && document.getElementById(baliseId) != null){
		    document.getElementById(baliseId).style.visibility='visible';
		    document.getElementById(baliseId).style.display='block';
				if (document.getElementById('texte') == null){
					document.getElementById(baliseId).appendChild(document.createElement('span')).setAttribute("id",'texte');
					document.getElementById('texte').appendChild(document.createTextNode(di.id))
				}
		}
	}
	
	function cacheId(baliseId){
		if (document.getElementById && document.getElementById(baliseId) != null){
			document.getElementById(baliseId).style.visibility='hidden';
			document.getElementById(baliseId).style.display='none';
		}
	}



	
</script>
</head>
<body>
	<div id="contenu">
		<a href="javascript:cacheId('contenu');">Fermer</a>
			<form action="test.php" method="post">
		<input type="text" name="resultat" value=" ID "/>
			<input type="submit" name="connexion" value="Connexion"/>
		</form>
	</div>
	<table style="border:1px solid black;height:400px;width:1000px;">
		<tr id="a">
			<td id="a1" onclick="afficheId('contenu',this);" style="border:1px solid black;">A1 et id="a1"</td>
			<td id="a2" style="border:1px solid black;">A2 et id="a2"</td>
		</tr>
		<tr id="b">
			<td id="b1" style="border:1px solid black;">B1 et id="b1"</td>
			<td id="b2" style="border:1px solid black;">B2 et id="b2"</td>
		</tr>
	</table>
	<?php if (isset($_POST['connexion']) && $_POST['connexion'] == 'Connexion') {
		echo $resultat;
	}?>
</body>
</html>

Merci de votre aide.

Nico.

21/10/2009, 17h09
le_chomeur

Bonjour , merci de poster le code généré ( et non php ) et d'utiliser les balises code ;-) ( le # dans la barre d'outil )

Code:

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
<html>
<head>
<title>TEST</title>
<script>
	function afficheId(baliseId,di){
		if (document.getElementById && document.getElementById(baliseId) != null){
		    document.getElementById(baliseId).style.visibility='visible';
		    document.getElementById(baliseId).style.display='block';
				if (document.getElementById('texte') == null){
					document.getElementById(baliseId).appendChild(document.createElement('span')).setAttribute("id",'texte');
					document.getElementById('texte').appendChild(document.createTextNode(di.id))
				}
		}
	}
	
	function cacheId(baliseId){
		if (document.getElementById && document.getElementById(baliseId) != null){
			document.getElementById(baliseId).style.visibility='hidden';
			document.getElementById(baliseId).style.display='none';
		}
	}
	
</script>
</head>
<body>
	<div style="display:none;" id="contenu">
				<a href="javascript:cacheId('contenu');">Fermer</a>
				<form action="test.php" method="post">
					<input type="text" name="resultat" value=" ID a mettre ici "/>

					<input type="submit" name="connexion" value="Connexion"/>
				</form>
	</div>
	<table style="border:1px solid black;height:400px;width:1000px;">
		<tr id="a">
			<td id="a1" onclick="afficheId('contenu',this);" style="border:1px solid black;">A1 et id="a1"</td>
			<td id="a2" style="border:1px solid black;">A2 et id="a2"</td>
		</tr>

		<tr id="b">
			<td id="b1" style="border:1px solid black;">B1 et id="b1"</td>
			<td id="b2" style="border:1px solid black;">B2 et id="b2"</td>
		</tr>
	</table>
	</body>
</html>

21/10/2009, 17h43
Matthieu2000

:faq:http://javascript.developpez.com/faq/?page=formChamps
+tutoriel
21/10/2009, 18h04
Nicolas94

Mathieu je suppose que tu essaie de me rediriger vers ceci :
document.getElementById('idduchamp').value

Hors ci dessus dans mon code je recupere le l'ID via un onclick.
Je souhaiterais pouvoir l'afficher dans mon champs Value et je ne vois pas la syntaxe a utiliser.

Cordialement,

Nico.

Code:

1
2
3
document.getElementById('idduchamp').value=baliseId;
 
<input type="text" name="resultat" value=" ID a mettre ici " id="idduchamp"/>

Cela n'a pas l'air de fonctionner Voila mon code modifié :
Js :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
	function afficheId(baliseId,di){
		if (document.getElementById && document.getElementById(baliseId) != null){
		    document.getElementById(baliseId).style.visibility='visible';
		    document.getElementById(baliseId).style.display='block';
			if (document.getElementById('texte') == null){
				document.getElementById(baliseId).appendChild(document.createElement('span')).setAttribute("id",'texte');
				document.getElementById('texte').appendChild(document.createTextNode(di.id))
				document.getElementById('test').value=baliseId;
			}
 
		}
	}

la cellule avec le onclick :

Code:

1
2
 
<td id="a1" onclick="afficheId('contenu',this);" style="border:1px solid black;">A1 et id="a1"</td>

Le div qui s'affiche :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
	<div style="display:none;position:absolute;background-color:#1f1643; 
				width:200px;height:100px;border-style:solid;border-color:red;
				filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;color:red;"
				id="contenu">
				<a href="javascript:cacheId('contenu');">Fermer</a>
				<form action="test.php" method="post">
					<input id="test" type="text" name="resultat" value=""/>
					<input type="submit" name="connexion" value="Connexion"/>
				</form>
	</div>

Ici mon Id a1 apparait tout en bas de mon div.
Et dans mon champ input il est écrit contenu, alors que dans la source il n'apparait pas.
Je pense qu'il faudrait modifier document.getElementById('test').value=baliseId; pourlui affecter l'id recuperer.

Je suis désolé de t'embeter.

Nico.

Je repost un code en entier plus clair =)

Code:

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>
<title>TEST</title>
<script>
	function afficheId(baliseId,di){
		if (document.getElementById && document.getElementById(baliseId) != null){
		    document.getElementById(baliseId).style.visibility='visible';
		    document.getElementById(baliseId).style.display='block';
		    document.getElementById(baliseId).appendChild(document.createTextNode(di.id))
		    document.getElementById('idduchamp').value=document.getElementById(baliseId).appendChild(document.createTextNode(di.id));
		}
	}
	function cacheId(baliseId){
		if (document.getElementById && document.getElementById(baliseId) != null){
			document.getElementById(baliseId).style.visibility='hidden';
			document.getElementById(baliseId).style.display='none';
		}
	}
</script>
</head>
<body>
	<div style="display:none;position:absolute;background-color:#1f1643; 
				width:200px;height:100px;border-style:solid;border-color:red;
				filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;color:red;"
				id="contenu">
		coucou - <a href="javascript:cacheId('contenu');">Fermer</a>
		<form action="test3.php" method="post">
			<input id="idduchamp" type="text" name="resultat" value=""/>
			<input type="submit" name="connexion" value="Connexion"/>
		</form>
	</div>
	<table style="border:1px solid black;height:400px;width:1000px;">
		<tr id="a">
			<td id="a1" onclick="afficheId('contenu',this);" style="border:1px solid black;">A1 et id="a1"</td>
			<td id="a2" style="border:1px solid black;">A2 et id="a2"</td>
		</tr>
		<tr id="b">
			<td id="b1" style="border:1px solid black;">B1 et id="b1"</td>
			<td id="b2" style="border:1px solid black;">B2 et id="b2"</td>
		</tr>
	</table>
</body>
</html>

21/10/2009, 22h23
Nicolas94

Bon la soluce est :

document.getElementById('idduchamp').value=(di.id);

Voila, merci encore : )
Nico.