corriger code html plusieurs form

Version imprimable

Bonjour,

Comment mettre plusieurs actions dans un seul form, voila mon code, ça marche mais au niveau de l'écriture c'est faux :

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
 
<html>
<head>
  <SCRIPT>
    function Listederoulante() {
	  i = document.Choix.Liste.selectedIndex;
	  if (i == 0) return;
        url = document.Choix.Liste.options[i].value;
	    parent.location.href = url;
    }
  </SCRIPT>
</head>
<center>
<u><b><h1>ADMINISTRATION</h1></b></u><br><br>
<form action="ajout.php" method="post"><input type="submit" name="ajout" value="Ajout"  />
</form>
<form action="modifier.php" method="post">
	<input type="button" name="modifier" value="Modifier" onClick="Listederoulante()" />
</form>
<form action="supprimer.php" method="post">
    <input type="submit" name="supprimer" value="Supprimer"/> 
</form>
<form name="Choix"action="accueiladmin.php" method="post">
     <SELECT NAME="Liste">
     <OPTION VALUE="">Faite votre choix
     <OPTION VALUE="infodebase.php"> Choix 1
     <OPTION VALUE="traitementdetexte.php"> Choix 2
 
	 <input type="hidden" name="deconnexion" value="deco" /><br><br><br><br><br><br>
	 <input type="submit" value="Se déconnecter" class="submit" />
</form>
</center>
</body>
</html>

Si quelqu'un peut me corriger. Merci d'avance.

Ps : de plus avec plusieurs form, je ne peux pas aligner mes 3 boutons, normal et c'est gênant.

25/06/2010, 11h04
Vil'Coyote

un formulaire ne peut faire qu'une seul chose envoyer les données.
tu peux exécuter plusieurs fonction javascript sur un onclick ou un onsubmit

onclick='fonction1(), fonction2() ....' mais c'est tout.

pour ce qui est du placement de tes boutons, soit tu utilise un tableau soit des div.
25/06/2010, 11h25
fado59

euh je ne vois pas comment faire. Peut tu me donner un exemple pour l'un des mes 3 boutons par exemple ? J'essaye depuis hier d'avoir une belle page sans 36 form, mais bon ça ne fonctionnait pas.
25/06/2010, 15h09
devyan

Bonjour,

En regardant le code donné, j'ai l'impression que l'utilisation de FORM n'est pas nécessaire pour la quasi-totalité des cas. :)

En effet, puisque le seul contenu du formulaire est le bouton (et si l'appel en POST n'est pas indispensable) alors tu peux remplacer le FORM/INPUT par un lien A.

Le FORM modifier n'est même jamais posté puisque le bouton n'est pas SUBMIT ;)

devyan
25/06/2010, 15h16
fado59
euh j'ai pas tout compris. Tu veux que je met des liens?

ça fonctionne mais comment refaire le truc pour le lien modification c'est à dire que je choisis ce que je veux dans la liste déroulante et ensuite je clique sur modifier et ça arrive sur la page en question. Comme j'ai fait plus haut en fait pour le bouton sauf que c'est un lien la
Code:

1 2 3 <a href="ajouter.php">Ajouter</a> <a href="modifier.php">Modifier</a> <a href="supprimer.php">Supprimer</a>
25/06/2010, 15h31
devyan

Citation:

Envoyé par fado59

euh j'ai pas tout compris. Tu veux que je met des liens?

C'est sa la syntaxe ?

<a href="ajouter.php">Ajouter</a>
<a href="modifier.php">Modifier</a>
<a href="supprimer.php">Supprimer</a>

Je dois placer ou le code de ma liste déroulante aussi maintenant ?

Je vais répondre à cette dernière question par un autre question ;)

Où était placé "le code de ma liste déroulante" avant ? :mrgreen:

devyan

J'ai edit ^^ c'était une question débile.

Par contre je fais comment pour le lien modifier ?

Car pour mon bouton j'avais fait ceci :

Code:

1
2
3
4
 
<form action="modifier.php" method="post">
	<input type="button" name="modifier" value="Modifier" onClick="Listederoulante()" />
</form>

Le onclick Listederoulante je fais ça comment avec un lien?

Voila ce que j'ai corrigé :

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
 
<html>
<head>
 
  <SCRIPT>
    function Listederoulante() {
	  i = document.Choix.Liste.selectedIndex;
	  if (i == 0) return;
        url = document.Choix.Liste.options[i].value;
	    parent.location.href = url;
    }
  </SCRIPT>
 
</head>
<body>
 
  <center>
 
    <u><b><h1>ADMINISTRATION</h1></b></u><br><br>
 
    <form name="Choix"action="accueiladmin.php" method="post">
 
        <a href="ajout.php">Ajouter</a>
        <a href="modifier.php">Modifier</a>
        <a href="supprimer.php">Supprimer</a><br><br>
 
	<SELECT NAME="Liste">
        <OPTION VALUE="">Faite votre choix
        <OPTION VALUE="choix1.php"> Choix 1
        <OPTION VALUE="choix2.php"> Choix 2
 
 
	<input type="hidden" name="deconnexion" value="deco" /><br><br><br><br><br><br>
	<input type="submit" value="Se déconnecter" class="submit" />
 
    </form>
 
  </center>
 
</body>
</html>

25/06/2010, 16h17
fado59

lorsque je clique sur le lien modifier rien ne doit se passer.
Il faut que je choisis le choix 1 ou 2 dans la liste et ensuite si je clique sur modifier j'arrive sur la page du choix 1 ou 2.

C'est ce que j'ai fait avec le bouton et le onclick.

Tu m'a proposé de faire avec des liens. Comment je fais donc ? Merci d'avance
25/06/2010, 16h18
devyan

Citation:

Envoyé par fado59

J'ai edit ^^ c'était une question débile.

Non ce n'est pas une question "débile", je voulais simplement dire que le fonctionnement reste similaire, tu peux utiliser onclick sur la balise A de la même façon que sur INPUT. (sans oublier "return false;" ou en modifiant this.href au lieu de parent.location.href)

devyan
25/06/2010, 16h22
fado59
comme ceci :
Code:

1 2 <a href="modifier.php" onclick="Listederoulante()" >Modifier</a>
Ce code ne fonctionne pas :? Ou est-ce que j'ai faux ?

Ps : j'ai même modifier this.href

En fait si je choisis choix 1 et que j'appuie sur modifier j'attérie sur la page choix1.php

si je choisis choix 2 et que j'appuie sur modifier j'attérie sur la page choix2.php

J'attends ta réponse :) Merci d'avance

Soit tu écris

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
<html>
<head>
 
  <SCRIPT>
    function Listederoulante() {
	  i = document.Choix.Liste.selectedIndex;
	  if (i == 0) return;
        url = document.Choix.Liste.options[i].value;
	    parent.location.href = url;
    }
  </SCRIPT>
 
</head>
<body>
 
  <center>
 
    <u><b><h1>ADMINISTRATION</h1></b></u><br><br>
 
    <form name="Choix"action="accueiladmin.php" method="post">
 
...
 
        <a href="#" onclick="Listederoulante(); return false;">Modifier</a>
 
...
 
    </form>
 
  </center>
 
</body>
</html>

Soit tu écris

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
<html>
<head>
 
  <SCRIPT>
    function Listederoulante(lien) {
	  i = document.Choix.Liste.selectedIndex;
	  if (i == 0) return;
        url = document.Choix.Liste.options[i].value;
	    lien.href = url;
    }
  </SCRIPT>
 
</head>
<body>
 
  <center>
 
    <u><b><h1>ADMINISTRATION</h1></b></u><br><br>
 
    <form name="Choix"action="accueiladmin.php" method="post">
 
...
 
        <a href="#" onclick="Listederoulante(this);">Modifier</a>
 
...
 
    </form>
 
  </center>
 
</body>
</html>

Normalement ça devrait faire ce que tu attends

devyan

25/06/2010, 17h00
fado59

Merci c'est très clair c'est exactement sa :)

J'ai une toute petite question je ne sais pas si elle peut être traité ici ou alors je créé un post?

Je voudrais savoir en fait comment créer un bouton pour le mettre n'importe ou sur la page à coté d'un texte par exemple.

En fait je voudrais créer 2 bouton complètement à droite de la page.
25/06/2010, 17h10
devyan

Citation:

Envoyé par fado59

Merci c'est très clair c'est exactement sa :)

J'ai une toute petite question je ne sais pas si elle peut être traité ici ou alors je créé un post?

Je voudrais savoir en fait comment créer un bouton pour le mettre n'importe ou sur la page à coté d'un texte par exemple.

En fait je voudrais créer 2 bouton complètement à droite de la page.

Tu peux créer un bouton (<input type="button" value="bouton"/>) où tu veux du moment qu'il est dans un conteneur (div, p, etc.)
Pour information, la quasi totalité des boutons de ce site sont des A avec une image ;)
25/06/2010, 17h12
fado59

oui j'ai déja entendu parler des conteneurs div

Tu n'a pas un exemple très très court d'un bouton tout simple placé à un endroit spécifique de la fenetre ? Je te laisse tranquille ensuite :)
28/06/2010, 13h39
fado59

Salut, je n'arrive pas à mettre un bouton ou je souhaite sur la page. Tu m'as dit dans un conteneur div.

Aurais-tu un exemple très simple d'un bouton placé à un endroit de la page stp, merci d'avance
28/06/2010, 14h19
Vil'Coyote

Citation:

Envoyé par fado59

Salut, je n'arrive pas à mettre un bouton ou je souhaite sur la page. Tu m'as dit dans un conteneur div.

Aurais-tu un exemple très simple d'un bouton placé à un endroit de la page stp, merci d'avance

conteneur div + css, tu va pouvoir positionner ton conteneur à l'aide des option de css.

http://css.developpez.com/faq/?page=positionnement

sinon, il existe une option "recherche" sur le forum.

merci beaucoup ça marche niquel mais j'ai un soucis lors du clic.

En fait je voudrais lorsque je clique sur le bouton editer, une autre page (edition.php par exemple s'ouvre )

j'ai même tenté avec href mais ça ne fonctionne pas. Mais bon ce n'est pas un lien qu'il me faut de toute façon.
Code:

1 2 3 4 5 6 7 8 9 10 .bouton{ float: right; } print '<div class="bouton">' ; print '<input type="button" value="EDITER" href="edition.php" /><br>' ; print '<input type="button" value="SUPPRIMER" />' ;