Récupérer le contenu d'une zone texte

Version imprimable

Bonjour,

Je voudrais récupérer le contenu d'une zône de texte, qui se trouve dans une page web (Php), mais j'y arrive pas :(
Svp , est ce que quelqu'un pourrait m'aider à résoudre ce problème.

Voiçi le code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<body>
<?php $qte_saisie = $_POST['qte']; ?>
<form id="form1" name="form1" method="post" action="calculQte.php/?">
 
 
<table cellpadding="0" cellspacing="0" border="0">
					<tr valign="middle">
						<td><input type="text" name="qte" value="0" size="4"/></td>
					    <td><a href="#" onClick="document.form1.qte.value++; return false"><img src="photos/plus.gif" width="14" height="10" border="0" hspace="0" vspace="0" /></a><br /><a href="#" onClick="document.form1.qte.value--; return false"><img src="photos/moins.gif" width="14" height="10" border="0" hspace="0" vspace="0" /></a></td>
					</tr>
 
<!-- 					Je veux afficher la quantité saisie ici, comment faire
 -->					<tr><td><?php echo ".$qte_saisie" ?> </td>
					    <td></td>
					</tr>
				</table> 
 
				</form>
 
	</body>
	</html>

Merci infiniment.

05/01/2010, 09h10
sabotage

Il manque un bouton submit a ton formulaire.
Si tu veux faire ton affichage sans soumettre le formulaire, c'est en javascript qu'il faut le faire.
05/01/2010, 09h13
developppez

Merci, je vais voir comment soumettre un formulaire en javascript, mais si quelqu'un pourrait m'aider d'avantage, ça sera gentil de votre part.
05/01/2010, 09h22
sabotage

Ce n'est pas "soumettre en javacript" que je voulais dire puisque visiblement tu ne vais pas soumettre, mais "afficher en javascript"
05/01/2010, 09h24
developppez

:oops: Si je savais comment le faire je n'aurai pas posté sur le forum, mais merci comme même.
05/01/2010, 10h33
vermine

PhP
Bonjour,

Ce n'est pas du PhP tout court ?
Code:

1 2 <?php echo $qte_saisie; ?>
05/01/2010, 10h54
developppez

wi c'est du php, mais ça ne me permet pas, d'afficher le contenu de ma zône de texte.:cry:
05/01/2010, 11h03
vermine

Haaan, d'accord
Dans la cellule où vous voulez afficher votre quantité, vous devez créer un élément comme un <div> ou un <span> avec un id:
Code:

1 2 <td><div id="monDiv"></div></td>
Dans l'input text, vous allez ajouter un évènement sur le onchange ou bien le onblur. Ce sera une fonction Javascript qui ira mettre le text inséré dans le monDiv:
Code:

1 2 <td><input type="text" name="qte" onchange="maFonction(this.value);" value="0" size="4"/></td>
La fonction Javascript fera ceci:
Code:

1 2 3 4 5 6 7 <script> function maFonction(valeur) { document.getElementById("monDiv").innerHTML = valeur; } </script>
Attention, vos images + et - ne lanceront peut-être pas l'évènement onchange. A vérifier et à compléter le cas échéant.
05/01/2010, 11h24
developppez

Effectivement, les images + et - ne lanceront pas l'évènement onchange, :? Merci vermine, ça résoud plus ou moins le problème. En fait ce que je veux c'est que ça s'affiche dés que la valeur de la zône de text est modifiée, que ça soit par la saisie ou par le click sur mes images, + pour incrémenter et moins pour décrémenter. :cry: qu'est ce qu'il faut faire?
05/01/2010, 11h46
vermine

Copier/Coller

Hé bien il faut changer le onclick des deux href afin qu'eux aussi modifient la valeur de monDiv. :)

Mais j'ai une autre question, que va-t-il se passer au rechargement de la page ? A vous de réfléchir et d'éventuellement modifier maFonction. ;)
05/01/2010, 11h48
developppez

Code:

<td><a href="#" onClick="document.form1.qte.value++; return false" onBulk="maFonction(this.value);">

:cry: Comme ça, ça ne marche pas, je me demande, si on peut faire quelque chose qui ressemble à ça:

Code:

<td><a href="#" onClick="{document.form1.qte.value++; return false; maFonction(this.value) }" >

:cry: J'ai essayer mais ça ne marche pas, non plus.
05/01/2010, 11h51
vermine

Bien essayé!
Il y a de l'idée. :)

Mais vous avez mis des choses en trop et le return false, retourne false. ;)
Code:

1 2 onClick="{document.form1.qte.value++; return false; maFonction(this.value); }"
Ce pendant, vous ne pouvez pas passer "this.value" comme argument sur les boutons + et - car le this va alors ce référer au plus et au moins. Ne passez pas d'argument et récupérer la valeur dans la fonction, ou bien passer la bonne valeur.
05/01/2010, 12h13
developppez
Citation:
Envoyé par vermine

Il y a de l'idée. :)

Mais vous avez mis des choses en trop et le return false, retourne false. ;)

Code:

1 2 onClick="{document.form1.qte.value++; return false; maFonction(this.value); }"

Ce pendant, vous ne pouvez pas passer "this.value" comme argument sur les boutons + et - car le this va alors ce référer au plus et au moins. Ne passez pas d'argument et récupérer la valeur dans la fonction, ou bien passer la bonne valeur.
;) Merci beaucoup Vermine, ça marche:

Code:

<td><a href="#" onClick="{document.form1.qte.value++; maFonction(document.form1.qte.value); }" ><img src="photos/plus.gif" width="14" height="10" border="0" hspace="0" vspace="0" /></a><br/><a href="#" onClick="{document.form1.qte.value--; maFonction(document.form1.qte.value);}"><img src="photos/moins.gif" width="14" height="10" border="0" hspace="0" vspace="0" /></a></td>
05/01/2010, 12h16
vermine

8-D
Sinon, il y a plus horrible à lire mais amusant:
Code:

1 2 document.getElementById("monDiv").innerHTML = ++document.getElementById("qte").value;
Ca fait d'une pierre deux coups. Ca incrémente la quantité et puis ça va mettre la valeur dans monDiv. :P
05/01/2010, 12h31
developppez

Citation:

Envoyé par vermine

Hé bien il faut changer le onclick des deux href afin qu'eux aussi modifient la valeur de monDiv. :)

Mais j'ai une autre question, que va-t-il se passer au rechargement de la page ? A vous de réfléchir et d'éventuellement modifier maFonction. ;)

8O Au rechargement de la page tout repasse à 0, que faut il faire?
05/01/2010, 13h21
vermine

^^
Hé bien, il va falloir changer maFonction. Je pense que le mieux est de ne plus lui passer de paramètre et de récupérer la valeur dans la fonction même:
Code:

1 2 3 4 5 6 function maFonction() { var valeur = document.getElementById("qte").value; ... }
Ainsi, vous pourrez appeler maFonction(); aux quatre endroits que vous désirez:

1) Le champs qte.
2) Le +.
3) Le -.
4) En bas de page (en tout cas après le champ qte et monDiv), pour le rechargement:
Code:

1 2 3 4 <srcript type="text/javascript"> maFonction(); </script>
Par contre, il faut récupérer en PhP la valeur du champ qte au chargement de la page:
Code:

1 2 value="<?php echo qte_saisie ?>"
En gardant la récupération de cette valeur dans le tableau $_POST en début de page.
05/01/2010, 14h06
developppez
Citation:
Envoyé par vermine

Hé bien, il va falloir changer maFonction. Je pense que le mieux est de ne plus lui passer de paramètre et de récupérer la valeur dans la fonction même:

[code]

4) En bas de page (en tout cas après le champ qte et monDiv), pour le rechargement:

Code:

1 2 3 4 <srcript type="text/javascript"> maFonction(); </script>

Par contre, il faut récupérer en PhP la valeur du champ qte au chargement de la page:

Code:

1 2 value="<?php echo qte_saisie ?>"

En gardant la récupération de cette valeur dans le tableau $_POST en début de page.
J'ai mis au début du code:

Code:

<?php $qte_saisie = $_POST['qte']; ?>

je ne sais pas si c'est ce que vous voulez dire?

mais je n'ai pas compris ou est ce que je doit mettre :

Code:

value="<?php echo qte_saisie ?>"

:oops:
05/01/2010, 14h09
vermine

♫
Oui, c'est bien de ça dont je parlais.
Mettez le reste dans la déclaration du champ qte:
Code:

1 2 <td><input type="text" name="qte" value="<?php echo qte_saisie ?>" size="4"/></td>
Mais bon, je ne me souviens plus trop du PhP. Je n'en ai pas fait bcp. :oops:
05/01/2010, 14h36
developppez

Quand je raffraichie la page ça m'affiche une erreur au niveau de cette ligne:

Code:

copie.value = cp.value;

Code:

'nulle' a la valeur Null ou n'est pas un objet

et la valeur a été effacée.
05/01/2010, 14h38
vermine

Moui

Moui mais nous ne savons pas ce qu'est copie.value ni cp.value. :D Pouvez-vous nous montrer plus de code ? Je suppose que c'est dans maFonction ?

Oui, dans maFonction :oops: je m'excuse j'avais l'intention de le faire, je me rattrape.

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
<html>
<body>
 
<?php $qte_saisie = $_POST['qte']; ?>
 
<script type="text/javascript">
function maFonction()
{
	var valeur = document.getElementById("qte").value;
   document.getElementById("monDiv").innerHTML = valeur;
   var cp = document.getElementById('qte');
    var copie = document.getElementById('qtesaisie');
    copie.value = cp.value;
}
</script>
 
 
 
 
<form id="form1" name="form1" method="post" action="calculQte.php/?">
 
 
<table cellpadding="0" cellspacing="0" border="0">
					<tr valign="middle">
						<td><input type="text" name="qte" value="<?php echo $qte_saisie ?>" size="4" onBlur="maFonction()" /></td>
					    <td><a href="#" onClick="{document.form1.qte.value++; maFonction(); }" ><img src="photos/plus.gif" width="14" height="10" border="0" hspace="0" vspace="0" /></a><br/><a href="#" onClick="{document.form1.qte.value--; maFonction();}"><img src="photos/moins.gif" width="14" height="10" border="0" hspace="0" vspace="0" /></a></td>
					</tr>
 
				<tr><td><div id="monDiv"></div> </td>
 <script type="text/javascript">
 
maFonction();
 
</script>
					    <td></td>
					</tr>
				</table> 
 
				</form>
 
	</body>
	</html>

:-/

Excusez-moi mais à quoi sert ceci ?
Code:

1 2 3 4 var cp = document.getElementById('qte'); var copie = document.getElementById('qtesaisie'); copie.value = cp.value;
Je ne trouve pas le champ qui a pour id "qtesaisie".

05/01/2010, 15h02
developppez

Ils ne servent à rien, juste qu'ils sont la cause de l'erreur :oops:, mais même après avoir enlever ces deux lignes, lorsque je rafraichie ma page, le contenu de mon champs texte s'efface toujours.
05/01/2010, 15h03
vermine

Alzheimer et Sainte-Catherine
Cela vient peut-être de ma mauvaise mémoire. Parenthèses, pas de parenthèses, point-virgule, pas de point-virgule...
Essayez tjs parmi ceci:
Code:

1 2 3 4 <?php echo($variable); ?> <?php echo $variable ?> <?php print $variable; ?>
05/01/2010, 15h06
vermine

xD Je ne sais pas conduire, pas même un cervolant ♫

Qu'est-ce que vous appelez "raffraichissement de la page" ? :D
Car en fait, si vous ne faites pas de submit du formulaire, c'est normal que la variable $_POST['qte'] soit vide. ;)
05/01/2010, 15h10
developppez

non, ce n'est pas ça, normalement ça fonctionne avec:

Code:

<?php echo $qte_saisie ?>

J'ai essayer avec toute les combinaisons possible, avec sans parenthèses, points virgules..print, ça revient au même.
05/01/2010, 15h13
developppez

Citation:

Envoyé par vermine

Qu'est-ce que vous appelez "raffraichissement de la page" ? :D
Car en fait, si vous ne faites pas de submit du formulaire, c'est normal que la variable $_POST['qte'] soit vide. ;)

Ah, :ccool: t'as toujours raisons, je croyais rafraichir la page => actualiser. je m'excuse encore une fois.
05/01/2010, 15h14
vermine

... :-D

Pas de souci.
Et donc... Le problème est définitivement résolu ? :P
05/01/2010, 15h15
developppez

wi, :) merci beaucoup vermine.
05/01/2010, 15h16
vermine

\o/ Youpiiiie, dansons la Carioooocaaa ♪

De rien du tout. Avec grand plaisir. :)