Aide pour la duplication d'un formulaire.

Bonjour, j'ai créer ce formulaire sur mon site

http://www.fenetre-gamme-sp.com/contact/devitest/

Jusque la rien d'exceptionnel...
cependant j'utilise une fonction qui permet a l'utilisateur de dupliquer le formulaire pour pouvoir y ajouter plusieurs produits.

Voici le code que j'utilise

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
42
43
44
45
46
47
48
<Input Type=Button Value="Ajouter une ligne" OnClick=Ajouter()>
<br>
</p>
    <Div ID=saisies>
        <p><b><font size="2" face="Verdana">Produit 1 <select name="Produit" size="1">
            <option value="Fenetre">Fenetre</option>
            <option value="Porte">Porte</option>
            <option value="Porte Fenêtre">Porte Fenêtre</option>
</select> Quantité 1: <select name="Quantite" size="1">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
</select> largeur: <input type="text" name="largeur" maxlength="10" size="5">mm X Hauteur: <input type="text" name="hauteur" maxlength="10" size="5">mm Forme: <script language="javascript">//Changement de l'image
var current = 0;
function change(what)
{
document.getElementById("show").src = "images/formefenetre/"+what.value+".gif";
} </script>
 
<select name="forme" onchange="change(this)">
<option value="triangle" selected>Triangle</option>
<option value="odb">Oeil de boeuf</option>
<option value="trapeze">Trapeze</option>
    <option value="adc">Arc de Cercle</option>
    <option value="pc">Plein ceintré</option>
    <option value="as">Arc surbaissé</option>
    <option value="adp">Anse de Panier</option>
</select>
<img src="images/formefenetre/triangle.gif" id="show" alt="" /> </font></b></p>
        <p>
        <script>
var nlignes = 1;
function Ajouter(){
nlignes++;
saisies.insertAdjacentHTML('BeforeEnd','<b><font size="2" face="Verdana"><br>Produit '+nlignes+' <select size=1 name=Produit'+nlignes+'><option value="Fenetre">Fenetre</option><option value="Porte">Porte</option><option value="Porte Fenêtre">Porte Fenêtre</option></select> Quantité '+nlignes+': <select name=Quantite'+nlignes+' size="1"> <option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><optionvalue="7">7</option><option
value="8">8</option><optionvalue="9">9</option></select> largeur: <input type="text" name=largeur'+nlignes+' maxlength="10" size="5">mm X Hauteur: <input type="text" name=hauteur'+nlignes+' maxlength="10" size="5">mm Forme: <select name=forme'+nlignes+' onchange='change(this)'><option value="triangle" selected>Triangle</option><option value="odb">Oeil de boeuf</option><option value="trapeze">Trapeze</option><option value="adc">Arc de Cercle</option><option value="pc">Plein ceintré</option><option value="as">Arc
surbaissé</option><option value="adp">Anse de Panier</option></select><img src="images/formefenetre/triangle.gif" id="show" alt="" />');
};
 
 
 
        </script>

ça fonctionnait, puis j'ai rajouté le menu déroulant avec images et la plus rien ne fonctionne...
Je souhaiterais aussi ajouter un bouton pour supprimer des lignes a côté de chacune d'entre elle...
pourriez vous s'il vous plait m'aider?

Par avance merci