[PHP-JS] envoyer des données avec un boutton hidden

**moonia** · 23/06/2006, 14h36

Bonjour à TOus,
Est que on peut récuperer une valeur envoyer a partir d'un formulaire comme suit juste avec un bouton de type hidden

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
<?php
if($_POST['action'] == 'submitted')
{
$champs12 = $_POST['select'];
echo "$champs12";
}
?>
<html>
<head>
<script>
 
function changeImage(nomImage)
{
//On change à la volée la source de l'image qui a pour ID 'rollImage".
document.getElementByid('rollImage').src = nomImage + '.gif';
}
</script>
</head>
 
<body>
<form name="form1" method="post" action="" style="margin : 0px">
<table border="0" cellspacing="0" cellpadding="10">
<tr>
<td><img src="bleu.gif" width="20" height="20" name="rollImage"></td>
<td><select name="select" onChange="document.rollImage.src = this.value">
<!-- On crée une fonction qui récupère la valeur et l'envoie dans la fonction. -->
<option value="">---</option>
<option value="a_faire.gif">rouge</option>
<option value="bleu.gif">bleu</option>
</select></td>
</tr>
<input type ="hidden" name="action" value="submitted"></table>
</form>
</body>

c'est faisable sans avoir un bouton submit ??

**Sylvain71** · 23/06/2006, 14h37

Je comprend pas ...

Tu veux que ton formulaire se poste automatiquement à la fin de son chargement ?

**Bebel** · 23/06/2006, 14h38

en fait tu peux supprimer ton bouton hidden.
il te suffit de rajouter du javascript qui valide le formulaire sur un evenement voulu.

**moonia** · 23/06/2006, 14h40

oui mais moi j'a besoin de recuperer la valeur de l'image selectionnée

**Sylvain71** · 23/06/2006, 14h41

Ahhhh !
Tu veux que dès qu'on selectionne un element dans la liste ça valide le formulaire c'est ça ?

**moonia** · 23/06/2006, 14h44

oui mais je ne veux pas rajouter de bouton visible ( oui je veux bcps de chose

mais est ce faisable ?????) svpppppppp une solution merci

**krolineeee** · 23/06/2006, 14h46

Et bien je pense que tu peux mettre un evenement onclick sur tes images qui va valider ton formulaire, donc l'utilisateur en selectionnant une image validera le formulaire en meme temps

**moonia** · 23/06/2006, 14h49

mais comment on le fais !!!!!!!!!!

**Sylvain71** · 23/06/2006, 14h49

svpppppppp une solution merci

Oui on se doute bien que tu veux une solution mais avant de te balancer n'importe quoi il faut bien qu'on arrive à comprendre ce que tu veux

Essaye ça :

Code :

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

<select name="select" onChange="document.rollImage.src = this.value; document.forms.form1.submit();">

**moonia** · 23/06/2006, 14h52

ça marche

mais il y un autre pb

l'image ne change plus ca d que qd je selectionne un elt ds ma liste l'image correspondante ne s'affiche pas !!

**krolineeee** · 23/06/2006, 14h57

oulà tu veux dire que tu choisi une image dans ta liste, que celle-ci doit s'afficher et qu'ensuite ton formulaire se valide?

Mais le but exact c'est quoi.?

**Sylvain71** · 23/06/2006, 15h02

Mais le but exact c'est quoi.?

Oui .... effectivement je crois que ça serait bien de le (re)définir parce que là j'ai un doute aussi

**moonia** · 23/06/2006, 15h10

je reformule mon pb

Code :

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

1
2
3
4
5
<select name="select" onChange="document.rollImage.src = this.value;  document.forms.form1.submit();">
<option value="">---</option>
<option value="a_faire.gif">à faire</option>
<option value="bleu.gif">en cours</option>
</select>

qd je choisit par exemple l'elemet à faire à cote l'image "a_faire.gif" s"affiche et en validant mon formulaire grace a la ligne en orange ajoute (cad sans rajouter de bouton de type submit ), y a le nom de l'image qui s'afficheen haut a_faire.gif" grace au code suivant

Code :

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

1
2
3
4
5
6
7
<?php
if($_POST['action'] == 'submitted')
{
$champs12 = $_POST['select'];
echo "$champs12";
}
?>

le pb qui se pose en rajoutant la ligne orange est que l'image corresepandante a l'elemet selectionne ne saffiche plus ou plus tot ne change plus c tjrs l'image par defaut ( initiale) qui s'affiche.
Si j'eneleve le truc en orange tt marche bien sauf que le formulaire n'est plus valide

Moi ce que j'essaye de faire et que je n'y arrive pas : c de selectionner un elet ds ma liste deroulante ,afficher l'image de l'elemet selectionner en paralelle sans rajouter un bouton submit , mais est ce possible ?????

comment faireeeeeeeeeee

**krolineeee** · 23/06/2006, 15h18

Ce qui se passe en fait, c'est que ton image change bien, mais le formulaire est valider directement donc tu n'as pas le temps de voir le changement.

une astuce :

Code :

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

1
2
3
4
5
6
 
<select name="select" onChange="document.rollImage.src = this.value;  document.forms.form1.submit();">
<option value="" <?php if($_POST['select']=="") echo "selected";?> >---</option>
<option value="a_faire.gif" <?php if($_POST['select']=="a_faire.gif") echo "selected";?> >à faire</option>
<option value="bleu.gif" <?php if($_POST['select']=="bleu.gif") echo "selected";?> >en cours</option>
</select>

**Sylvain71** · 23/06/2006, 15h19

Bon pour résumer (ou simplifier

), tu as une liste déroulante et une image à coté.
Quand tu changes l'element selectionné dans la liste déroulante, ça te change l'image c'est ça ?
Tu n'as rien besoin d'autre ?

**moonia** · 23/06/2006, 15h24

dsl , mais j'essaye de trouver une solution depuis 1 semaine
oui c se que j'essayde faire mais il doit pas y apparaitre un bouton

**krolineeee** · 23/06/2006, 15h25

Envoyé par moonia

dsl , mais j'essaye de trouver une solution depuis 1 semaine
oui c se que j'essayde faire mais il doit pas y apparaitre un bouton

tu as essayé mon astuce?

**moonia** · 23/06/2006, 15h28

Envoyé par krolineeee

Ce qui se passe en fait, c'est que ton image change bien, mais le formulaire est valider directement donc tu n'as pas le temps de voir le changement.

une astuce :

Code :

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

1
2
3
4
5
6
 
<select name="select" onChange="document.rollImage.src = this.value;  document.forms.form1.submit();">
<option value="" <?php if($_POST['select']=="") echo "selected";?> >---</option>
<option value="a_faire.gif" <?php if($_POST['select']=="a_faire.gif") echo "selected";?> >à faire</option>
<option value="bleu.gif" <?php if($_POST['select']=="bleu.gif") echo "selected";?> >en cours</option>
</select>

c fais et t'as bien raison l'image change tellement vite meme avec ton astuce ca ne marche pas

**krolineeee** · 23/06/2006, 15h55

en fait l'image change puis ta page se rafraichi

tu dois donc tester en php le contenu de $_POST['select'] pour pouvoir déterminer l'option où mettre "selected" ...

Pour moi ça fonctionne parfaitement bien

**Bebel** · 23/06/2006, 16h09

essaye avec ca

Code :

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

1
2
 
<select name="select" onChange="document.rollImage.src = this.value;setTimeout("document.forms.form1.submit()",30);">

ou

Code :

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

1
2
3
4
5
6
7
8
9
 
<script>
function valide()
{
document.forms.form1.submit()";
}
</script>
 
<select name="select" onChange="document.rollImage.src = this.value;setTimeout("valide()",30);">

car je suis pas sur que le 1er cas fonctionne

[PHP-JS] envoyer des données avec un boutton hidden

Langage PHP

Discussions similaires

Partager

Partager