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