Bonjour à tous et à toutes,

Je suis en train de chercher à faire un bouton qui me dupliquerait le contenu d'un <div>. Ne connaissant pas (et ne comprend pas) grand chose au Javascript, j'ai essayé de chercher à droite a gauche mais sans trouver vraiment ce que je veux.
J'ai donc essayer de piquer des bouts de code à droite à gauche mais là je bloque sans comprendre.

Avec ce code, je peux dupliquer le contenu de mon <div> mais quand je veux en effacer 1, il me les efface tous.

Quelqu'un pourrait il me donner un coup de main (si il y a des choses abbérantes, il ne faut pas hésiter non plus ^^)

Merci par avance.

Code html : 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<html>
<head>
<script type="text/javascript">
var _copyCounter = new Array();
function CopyInto(strSourceId, strTargetId)
{
        if (!_copyCounter[strSourceId])
                _copyCounter[strSourceId] = 2;
        
        var objSource = document.getElementById(strSourceId);
        var objTarget = document.getElementById(strTargetId);
        var objClone = objSource.cloneNode(true);
 
        var arrElements = GetAllElements(objClone, new Array("input", "select", "textarea"));
        for (var i = 0; i < arrElements.length; i++)
                arrElements[i].name = arrElements[i].name + "_" + _copyCounter[strSourceId];
 
        objTarget.appendChild(objClone);
        _copyCounter[strSourceId] = _copyCounter[strSourceId] + 1;
 
}
 
function GetAllElements(oParent, arrNodeNames)
{
        var arrAllElements = new Array();
        if (typeof oParent == "string")
                oParent = document.getElementById(oParent);
        for (var i = 0; i < arrNodeNames.length; i++)
        {
                var elements = oParent.getElementsByTagName(arrNodeNames[i]);
                for (var j = 0; j < elements.length; j++)
                        arrAllElements[arrAllElements.length] = elements[j];
        }
        return arrAllElements;
}
</script>
</head>
<body>
<form method=GET action=test.php>
<div id="TestDiv1">
		<INPUT class='form_date' type=text name="etincelle_d">&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;
		<select name="etincelle_h" class="form_heure">
			<option value='0'>00</option>
			<option value='1'>01</option>
			<option value='2'>02</option>
			<option value='3'>03</option>
			<option value='4'>04</option>
			<option value='5'>05</option>
			<option value='6'>06</option>
			<option value='7'>07</option>
			<option value='8'>08</option>
			<option value='9'>09</option>
			<option value='10'>10</option>
			<option value='11'>11</option>
			<option value='12'>12</option>
			<option value='13'>13</option>
			<option value='14'>14</option>
			<option value='15'>15</option>
			<option value='16'>16</option>
			<option value='17'>17</option>
			<option value='18'>18</option>
			<option value='19'>19</option>
			<option value='20'>20</option>
			<option value='21'>21</option>
			<option value='22'>22</option>
			<option value='23'>23</option>
		</select>&nbsp;:
		<select name="etincelle_m" class="form_heure">
			<option value='0'>00</option>
			<option value='15'>15</option>
			<option value='15'>30</option>
			<option value='15'>45</option>
		</select>
</div>
<div id="Separation"></div>
<button type="button" onclick="CopyInto('TestDiv1', 'Separation');">Cloner</button>
<input type="button" value="Retirer un champs" onclick="this.parentNode.parentNode.removeChild(this.parentNode);" />
<INPUT type="submit" value="Envoyer">
</form>
</body>
</html>