corriger code html plusieurs form

**fado59** · 25/06/2010, 10h08

Bonjour,

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

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
 
<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.

**Vil'Coyote** · 25/06/2010, 11h04

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.

**fado59** · 25/06/2010, 11h25

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.

**devyan** · 25/06/2010, 15h09

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

**fado59** · 25/06/2010, 15h16

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 :

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

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

**devyan** · 25/06/2010, 15h31

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 ?

devyan

**fado59** · 25/06/2010, 15h36

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 :

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

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 :

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
 
<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>

**fado59** · 25/06/2010, 16h17

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

**devyan** · 25/06/2010, 16h18

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

**fado59** · 25/06/2010, 16h22

comme ceci :

Code :

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

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

**devyan** · 25/06/2010, 16h51

Soit tu écris

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
<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 :

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
<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

**fado59** · 25/06/2010, 17h00

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.

**devyan** · 25/06/2010, 17h10

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

**fado59** · 25/06/2010, 17h12

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

**fado59** · 28/06/2010, 13h39

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

**Vil'Coyote** · 28/06/2010, 14h19

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.

**fado59** · 28/06/2010, 16h09

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 :

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

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" />' ;

corriger code html plusieurs form

HTML

Discussions similaires

Partager

Partager