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

Version imprimable

Voir 40 message(s) de cette discussion en une page

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 ?

Voir 40 message(s) de cette discussion en une page