Bonjour tout le monde,
J'ai un petit problème que je vous explique :
Voila, je crée un formulaire pour que des entreprises puissent inscrire un ou plusieurs salariés à un salon comme exposants.
Je vous met le code qui nous intéresse :
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tab" name="tab">
<tr>
<td>Responsable du Stand</td>
<td>
<input name="civilite" type="radio" value="mr">Mr<br>
<input name="civilite" type="radio" value="mme">Mme<br>
<input name="civilite" type="radio" value="mlle">Mlle
</td>
<td style="text-align:right">
<span class="erreur">*</span> Nom :
<input name="nom" type="text" class="input1" id="nom" value="<? echo_if("nom"); ?>" size="25" onChange="javascript:this.value=this.value.toUpperCase();"><br>
<span class="erreur">*</span> Prénom :
<input name="prenom" type="text" class="input1" id="prenom" value="<? echo_if("prenom"); ?>" size="25" onChange="javascript:changeCase(this.form.prenom)"><br>
<span class="erreur">*</span> Email :
<input name="email" type="text" class="input1" id="email" value="<? echo_if("email"); ?>" size="25" onChange="javascript:this.value=this.value.toLowerCase();">
</td>
<td width="25px">
</td>
<td style="vertical-align:middle; text-align:right;">
<span class="erreur">*</span> Société :
<input name="societe" type="text" class="input1" id="societe" value="<? echo_if("societe"); ?>" size="25" onChange="javascript:this.value=this.value.toUpperCase();"><br /><br />
<span class="erreur">*</span> Fonction :
<select name="profession" id="profession" style="width:190px;">
<?php
# // requête sql
mysql_query("SET NAMES 'utf8'");
$sql = "SELECT * FROM profession;";
?>
<option value="0">Choisissez une fonction</option>
<?php
# // on sélectionne toutes les entrées de la table
$req=mysql_query("SET NAMES, 'utf8'");
$req=mysql_query($sql) or die('Erreur SQL !'.$sql.'<br>'.mysql_error());
# //On affiche ces entrées
while($data = mysql_fetch_assoc($req))
{
print '<option value='.$data['profession'].'>'.$data['profession'].'</option>';
if ($profession==$data['profession']){
print '<option value='.$data['profession'].' selected="selected" >'.$data['profession'].'</option>'; }
}
?>
</select><br>
</td>
<td width="25px">
</td>
</tr>
</table>
<div>
<input value="Ajouter" name="ajouter" type="button">
</div>
Je souhaiterais, si c'était possible, qu'au clique sur mon bouton ajouter, une nouvelle LIGNE s'insère dans mon tableau dessous la première, et contienne 6 <td> avec les mêmes champs.
J'ai déjà poser cette question sur ce même forum et on m'a orienté vers du javascript.
Comme cette solution ne m'a pas aidée, je reposte en expliquant mieux le contexte :
Comme vous l'avez remarqué, 3 boutons radio, 4 champs texte et 1 liste déroulante doivent réapparaitre.
Mes champs de texte sont testés en PHP à la validation du formulaire pour voir s'ils sont remplis ou non et si non la validation ne passe pas.
De plus, la liste déroulante appelle une fonction PHP pour afficher les professions présents dans une base.
En javascript, je ne peux pas faire afficher le PHP qui me permettrait de contrôler mes champs et d'atteindre mes enregistrements en base.
J'ai bien penser à mettre les lignes en cachés, mais comme il n'y a pas de nb maxi défini d'inscription, c'est inutilisable.
J'ai vraiment du mal à cerner la situation. Je ne suis peut-être pas dans le bon forum ?? Merci de votre aide.