ajouter un élément dans une liste

**Le Mérovingien** · 25/06/2006, 19h36

Re bonjour, tout d'abord merci pour votre aide, je testé mais je n'arive pas à le faire marcher, mon bouton ne doit pas etre bien configuré. j'ai ça :

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
<script type="JavaScript">
function switchAuteur(){
  champTexte = document.getElementById("auteur");
  champSelect = document.getElementById("sAuteur");
  champEtat = document.getElementById("eAuteur");
  if(champTexte.style.display == "none"){
    champTexte.style.display = "bloc";
    champSelect.style.display = "none";
    champEtat.value = "1";
  }
  else{
    champTexte.style.display = "none";
    champSelect.style.display = "bloc";
    champEtat.value = "0";
  }
}
</script>
 
 
<form action="insert_livre.php?action=add" method="POST">
<table width="90%" align="center" border="2">
   <tr><td><b>Titre :</b></td><td width="100"><input type="text" name="titre" size="100" maxlength="100"></td></tr>
   <tr><td><b>Auteur : </b></td><td width="100">
   <input type="text" name="auteur" id="auteur" size="100" maxlength="60" style="display:none">
   <select name="sAuteur" id="sAuteur" style="display:bloc">
      <option value="1">auteur 1</option>
      <option value="2">auteur 2</option>
   </select>
   <input type="button" value="Ajouter un auteur" onclick="javascript:switchAuteur()" />
   </td></tr>
   <tr><td><b>Collection :</b></td><td width="100"><input type="text" name="collec" size="100" maxlength="60"></td></tr>
</table>
<br />
<center><input type="submit" value="ajouter le livre"></center>
</form>

Cette fois c'est sur, je ne réponderai pas avant la semaine prochaine.

Merci d'avance,
Bonne semaine

**Eric Berger** · 25/06/2006, 22h42

Vlà m'sieur, cette fois ça fonctionne

:

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
42
43
<html>
<head>
<script language="JavaScript">
function switchAuteur(){
  champTexte = document.getElementById("auteur");
  champSelect = document.getElementById("sAuteur");
  champEtat = document.getElementById("eAuteur");
  bouton = document.getElementById("bAuteur");

  if(champTexte.style.display == "none"){
    champTexte.style.display = "block";
    champSelect.style.display = "none";
    bouton.value = "Sélectionner un auteur";
    champEtat.value = "1";
  }
  else{
    champTexte.style.display = "none";
    champSelect.style.display = "block";
    bouton.value = "Ajouter un auteur";
    champEtat.value = "0";
  }
}
</script>
</head>
<body>
<form action="insert_livre.php?action=add" method="POST">
<table width="90%" align="center" border="2">
   <tr><td><b>Titre :</b></td><td width="100"><input type="text" name="titre" size="100" maxlength="100"></td></tr>
   <tr><td><b>Auteur : </b></td><td width="100">
   <input type="text" name="auteur" id="auteur" size="100" maxlength="60" style="display:none">
   <select name="sAuteur" id="sAuteur" style="display:block">
      <option value="1">auteur 1</option>
      <option value="2">auteur 2</option>
   </select>
   <input type="hidden" name="eAuteur" value="0"/>
   <input type="button" id="bAuteur" value="Ajouter un auteur" onclick="switchAuteur()" />
   </td></tr>
   <tr><td><b>Collection :</b></td><td width="100"><input type="text" name="collec" size="100" maxlength="60"></td></tr>
</table>
<br />
<center><input type="submit" value="ajouter le livre"></center>
</form></body>
</html>

Je t'ai mis en gras les parties modifiées:

dans la déclaration du script, le paramètre est language, pas type

dans la fonction, j'ai ajouté le changement du label du bouton, j'ai donc ajouté un paramètre id sur le bouton pour pouvoir l'identifier

une erreur de ma part, la valeur de display est block, et non bloc

ajouté le champ hidden, dont la valeur te servira côté serveur à savoir si tu dois ajouter un auteur ou non

sur les événements, comme onclic, du javascript est attendu, il n'est donc pas nécessaire d'ajouter le label JavaScript:

Bon, maintenant c'est à toi de jouer pour faire la même chose avec ton deuxième champ.... c'est juste, tu avais un deuxième champ à traiter à peu près de la même façon?

**Le Mérovingien** · 02/07/2006, 17h43

Youpi !! Ca marche nikel, merci beaucoup. J'espere ne pas avoir de problemes avec les valeurs envoyées par le formulaire mais comme normalement c'est prévu, ça doit aller, sinon j'abuserai encore un peu de votre bonté.

Merci, @+++

ajouter un élément dans une liste

JavaScript

Discussions similaires

Partager

Partager