recup variable Javascript pour Formulaire php

**Nicolas94** · 21/10/2009, 16h55

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 :

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

**le_chomeur** · 21/10/2009, 17h09

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

**Nicolas94** · 21/10/2009, 17h30

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

**Matthieu2000** · 21/10/2009, 17h43

http://javascript.developpez.com/faq/?page=formChamps
+tutoriel

**Nicolas94** · 21/10/2009, 18h04

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.

**Matthieu2000** · 21/10/2009, 18h17

Code :

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

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

**Nicolas94** · 21/10/2009, 18h39

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

Code :

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

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 :

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

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 :

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

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.

**Nicolas94** · 21/10/2009, 19h14

Je repost un code en entier plus clair =)

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

**Nicolas94** · 21/10/2009, 22h23

Bon la soluce est :

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

Voila, merci encore : )
Nico.

recup variable Javascript pour Formulaire php

JavaScript

Discussions similaires

Partager

Partager