getElementById variable POST

**bernard26000** · 09/08/2007, 23h11

Bonjour à tous

j'explique rapidement ce que je suis en train de faire....
Un prog ou le visiteur pourra choisir une "image support", sur laquelle il pourra y adjoindre un modif en surimpression...et tout ca devrait aller sur une page recapitulatrice....
j'arrive a envoyer sur cette fameuse page recap, la ref de "l'image support", mais pas du motif (item) qui devrait aller avec....
je vous mets le code pour que ca vous parle davantage....

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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans titre</title>
<script language="javascript">
 
function choix(menu_gauche)
{
 
src = "";
 
if (menu_gauche.photos[0].checked)
src = "http://127.0.0.1/test/symb/coeur.gif";
if (menu_gauche.photos[1].checked)
src = "http://127.0.0.1/test/symb/coeur1.gif";
if (menu_gauche.photos[2].checked)
src = "http://127.0.0.1/test/symb/lui.gif";
if (menu_gauche.photos[3].checked)
src = "http://127.0.0.1/test/symb/elle.gif";
 
def = "";
 
if (menu_gauche.photos[0].checked)
def = "";
if (menu_gauche.photos[1].checked)
def = "";
if (menu_gauche.photos[2].checked)
def = "";
if (menu_gauche.photos[3].checked)
def = "";
 
siz = "";
 
if (menu_gauche.photos[0].checked)
siz = "";
if (menu_gauche.photos[1].checked)
siz = "";
if (menu_gauche.photos[2].checked)
siz = "";
if (menu_gauche.photos[3].checked)
siz = "";
 
 
DinaImg = "<img src='" + src + "'" + siz +"><br><b>" + def + "</b>";
which2 = DinaImg
if (document.getElementById){
document.getElementById("photo").innerHTML=which2;
}
}
function check(){
var check = document.getElementById("item").checked; 
}
</script>
<style type="text/css">
<!--
.Style1 {font-family: "Monotype Corsiva"}
 
body {
	margin: 0px;
	background-color: #d6ff31;
}
/*-- partie du code des DIV---------------------->
*/
.truc1{
width: 240px;
height: 240px;
background-color:transparent;
top: 105px;
left: 503px;
z-index: 1;
position:absolute;
}
.truc2{
width: 237px;
height: 70px;
border: 1px;
background-color:transparent;
top: 161px;
left: 505px;
z-index: 2;
position:absolute;
}
/*
<!-- fin du code des DIV-->
*/
</style>
 
</head>
 
<body>
<?php
 
if(isset($_POST['mod'])) $mod=$_POST['mod']; else $mod="";
if(isset($_POST['item'])) $item=$_POST['item']; else $item=""; 
 
/*
---------------partie du code qui permet de situer l'emplacement des "images support---!>
*/
 
  if ($mod=='mod1')
  { $url='http://127.0.0.1/test/image/blanc.jpg';}
  elseif ($mod=='mod2')
  { $url='http://127.0.0.1/test/image/blancf.jpg';}
  elseif ($mod=='mod3')
/*-----------------------------------------------
*/  
  { $url="";}
 
/*-- fin du code des 'images support"
*/
 
/*---début du code des items (décorations) destinée a etre placées sur les images support
*/
<form name=menu_gauche >
 <table width="20%" valign="up" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="50%" align="center"><img src="symb/coeur.gif" width="50"></td>
        <td width="50%" align="center"><img src="symb/coeur1.gif" width="50"></td>
      </tr>
      <tr>
        <td align="center"><input type="radio" name="photos" value=1 id="item">Item-1<br></td>
        <td align="center"><input type="radio" name="photos" value=2 id="item">Item-2<br></td>
      </tr>
/*-----------------------------------------------------
*/      
	  </tr></table>
 
       <div class="truc1"><img src="<?php echo $url;?>"></div>
        <td>
       <div align="center" class="truc2" id="photo" ></div> </td>
 
        <br>
      <td> 
        <input type="button" name="but" value="Affichez une image" onclick="choix(menu_gauche)" style="background-color:yellow">
      </form></td>
/*---fin du code des items
*/ 
<td>
*/code d'envoi des elements sur une page du genre "panier"
*/
 
<form action="enregistrement.php" method="post">
 
<input type="submit" name="submit" value="Commander" onclick="commander()"> 
<input type="hidden" value="<?php echo $mod; ?>" name="mod" id="mod"> 
<input type="hidden" value="<?php echo $item; ?>" name="photos" id="item">
 
</form></td>
 
  </tr>
</table>
 
</body>
</html>

Alors voilà je suis confronté a 2 difficultés, bien sur la 1ere est le javascript de selection des "item"...(je maitrise tres mal le javascript)
la 2eme de sont les 2 "<form action=.....>"
Merci en tout cas pour le temps que vous passerez sur ce bout de script

**E.Bzz** · 10/08/2007, 09h11

Bonjour,

Envoyé par bernard26000

Alors voilà je suis confronté a 2 difficultés, bien sur la 1ere est le javascript de selection des "item"...(je maitrise tres mal le javascript)

Code :

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

document.getElementById('img1').src; /// ou 'img2'

avec

Code :

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

1
2
<td width="50%" align="center"><img id="img1" src="symb/coeur.gif" width="50"></td>
<td width="50%" align="center"><img id="img2" src="symb/coeur1.gif" width="50"></td>

la 2eme de sont les 2 "<form action=.....>"

Heu ... c'est à dire ?
A part que le 1° (menu_gauche) ne sert à rien (pas d'action, pas de submit() ) ce n'est pas possible d'en dire grand chose de plus sans savoir ce qui te pose problème ...

A+

**bernard26000** · 10/08/2007, 20h05

Merci pour ta réponse

En fait le souci que j'ai avec les deux "<form action=......" vient surtout je pense de mon codage javascript... je pensais que ca pouvait faire interference d'en avoir deux....

en ce qui concerne ta proposition je dois modifier les "id" concernant les images partout?

Code :

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

1
2
<td width="50%" align="center"><img id="img1" src="symb/coeur.gif" width="50"></td>
<td width="50%" align="center"><img id="img2" src="symb/coeur1.gif" width="50"></td>

notement ici....

Code :

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

<input type="hidden" value="<?php echo $item; ?>" name="photos" id="item">

La séléction des id ne se fait pas avec la valeur (value) qu'on leur donne?
Quoi qu'il en soit je te remercie tres fort.... ca m'a fait bien avancer

**SpaceFrog** · 10/08/2007, 21h16

POST = > name
$POST[] recupère le name quand il y en a un

**bernard26000** · 11/08/2007, 10h47

Merci pour ces complements d'info...

J'ai epluché pas mal de forums, de tutos, et, .....
j'en suis là, vous me direz si je suis sur la bonne voie....
Ca c'est pour la fonction:

Code :

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

1
2
3
4
5
6
7
8
function commander(){
	if(document.getElementById('img1').src.checked);{
	var items = document.getElementById('img1').src;
	}
	elseif(document.getElementById('img2').src.checked);{
	var items = document.getElementById('img2').src;
	}
}

ca c'est pour la révuperation de la variable:

Code :

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

if(isset($_POST['items'])) $item=$_POST['items']; else $item="";

ca, c'est pour faire le choix de l'image:

Code :

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

1
2
3
4
5
6
7
8
<tr>
        <td width="50%" align="center"><img id="img1" src="symb/coeur.gif" width="50"></td>
		<td width="50%" align="center"><img id="img2" src="symb/coeur1.gif" width="50"></td>
      </tr>
      <tr>
        <td align="center"><input type="radio" name="photos" value=1 id="img1">Item-1<br></td>
        <td align="center"><input type="radio" name="photos" value=2 id="img2">Item-2<br></td>
      </tr>

et pour l'envoi de l'information: (Je ne sais pas comment definir l'ID (items) de l'input d'envoi....)

Code :

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

1
2
3
4
5
6
<form action="enregistrement.php" method="post">
 
<input type="submit" name="submit" value="Commander" onclick="commander();">  
<input type="hidden" value="<?php echo $item; ?>" name="photos" id='items'>
 
</form>

Merci encore pour toutes ces infos....

**SpaceFrog** · 11/08/2007, 14h14

aïe aïe aïe

POST c'est coté serveur !!!

un src checked ????????

et dans ton cas tu essaye de récupérer la valeur du radio qui à été coché ?

tout simplement sasn aucune fonction les radios ayant le même name
$_POST['photos'] mais en php coté serveur ...

**bernard26000** · 12/08/2007, 11h12

lol, faut pas se moquer.....

il y a seulement 3 mois je ne savais meme pas que HTML, PHP, Javascript, SQL et j'en passe....existait

revenons à nos moutons...dans ce cas là, avec le même name, je n'ai pas besoin de cette fonction?

Code :

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

document.getElementById('img1').src; /// ou 'img2'

et avec ce code j'affiche bien l'image selectionnée, mais je ne recupere rien...

Code :

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

1
2
<td width="50%" align="center"><img id="img2" src="symb/coeur1.gif" width="50"></td>
<td align="center"><input type="radio" name="photos" value="2" id="photos">Item-2<br></td>

mon seul probleme est de recuperer la valeur de l'image selectionnée...

Je sais, ca avance pas vite mon truc....

Mais je ne me lasse pas
Merci pour tout

**SpaceFrog** · 12/08/2007, 14h16

coté PHP

Code :

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

$valeurselectionnee=$_POST['photos']

tout simplement

**bernard26000** · 12/08/2007, 18h44

Encore merci Patron

J'ai un probleme, parce que je déclare tout bien, mais ca ne marche pas,

Code :

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

<?php if(isset($_POST['photos'])) $item=$_POST['photos']; else $item=""; ?>

c'est a dire que l'endroit ou devrait etre inscrit la valeur de $item est vide, je pense que ca doit venir de l'emplacement de "<form action=...."
Mais dans mon script il y a 2 "form action" celui qui devrait envoyer la variable $item ne devrait-il pas se trouver avant les "input" des photos?

Code :

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

<form action="enregistrement.php" method="post">

avant :

Code :

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

<input type="radio" name="photos" value="2" id="photos">Item-2<br>

et enfin :

Code :

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

1
2
<input type="submit" name="submit" value="Commander"> 
<input type="hidden" value="<?php echo $item; ?>" name="photos" id="photos">

ca me parait logique mais ca ne marche pas a cause (je pense ) de

Code :

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

 <form name=menu_gauche >

qui se trouve aussi au dessus des "input"
Merci pour tout...j'ai appris enormement

**SpaceFrog** · 13/08/2007, 08h41

deux forms ?

pour schématiser un form est un conteneur

Code :

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

1
2
3
4
5
6
<form name="menu_gauche action="page.php" method='post'>  Balise d'ouverture de form
.../...
 ici tous les inputs qui seront envoyés lors de la validation au moyen du bouton submit de ce form
.../...
<input type='submit' value=envoyer' />
</form> balise de fermeture de form

Tout ce qui est en dehors de la balise form ne sera pas envoyé ...

getElementById variable POST

JavaScript

Discussions similaires

Partager

Partager