Input Klon-Skript auf 2 Inputfelder erweitern

[fiedel]

Hallo,

ich habe irgendwo im Internet mal folgendes oder ein so ähnliches JavaScript gefunden:

 <script type="text/javascript">
 <!--
   function clone(obj)
   {
      var tmpNode = obj.parentNode.getElementsByTagName('div')[0].cloneNode(true);
      tmpNode.getElementsByTagName('a')[0].style.visibility = 'visible';      
      var tmpElm = document.createElement('input');
      tmpElm.type = tmpNode.getElementsByTagName('input')[0].type;
      tmpElm.name = tmpNode.getElementsByTagName('input')[0].name;
      tmpNode.replaceChild(tmpElm,tmpNode.getElementsByTagName('input')[0]);
      obj.parentNode.insertBefore(tmpNode,obj);
   }
   
   function remove_this(obj)
   {
     obj.parentNode.removeChild(obj);
   }
 //-->
 </script>
  <div>
   <input type="text" name="latein[]" id="latein" />
   <a href="#" onclick="remove_this(parentNode)" style="visibility:hidden"><img src="drop.gif" width="19" height="18" alt="-" /></a>
  </div>
  <a href="#" onclick="clone(this)"><img src="add.gif" width="19" height="18" alt="+" /></a>

Aufgabe des Skripts: Klonen des Div-Containers mitsamt Input-Feld mit Namen "latein[]". (klappt alles wie es soll)
Jetzt möchte ich jedoch noch ein weiteres Inputfeld mit dem Namen "deutsch[]" einfügen, damit dieses mitgeklont wird, muss natürlich eine Änderung im JavaScript vorgenommen werden! Problem: Ich komm einfach nicht drauf, wie ich das machen soll! Kein Versuch klappte!

  <div>
   <input type="text" name="latein[]" id="latein" />

   <input type="text" name="deutsch[]" id="deutsch" />

   <a href="#" onclick="remove_this(parentNode)" style="visibility:hidden"><img src="drop.gif" width="19" height="18" alt="-" /></a>
  </div>
  <a href="#" onclick="clone(this)"><img src="add.gif" width="19" height="18" alt="+" /></a>

Ich hoffe, ihr könnt mir weiterhelfen!

 

[mermshaus]

Nicht der Weisheit letzter Schluss, aber so könnte es gehen:

<script type="text/javascript">
 <!--
   function clone(obj)
   {
      var container = obj.parentNode.getElementsByTagName('div')[0];
      var tmpNode   = container.getElementsByTagName('p')[0].cloneNode(true);

      tmpNode.getElementsByTagName('a')[0].style.display = 'inline';
      tmpNode.getElementsByTagName('input')[0].value = '';
      tmpNode.getElementsByTagName('input')[1].value = '';

      container.appendChild(tmpNode);
   }

   function remove_this(obj)
   {
     obj.parentNode.removeChild(obj);
   }
 //-->
 </script>
  <div>
  <p><input type="text" name="latein[]" id="latein" />
  <input type="text" name="deutsch[]" id="latein" />
  <a href="#" onclick="remove_this(parentNode)"
     style="display: none;"><img src="drop.gif" width="19" height="18" alt="-" /></a></p>
  </div>
  <a href="#" onclick="clone(this)"><img src="add.gif" width="19" height="18" alt="+" /></a>

 

[fiedel]

Mille Grazie! ;) So funktioniert es!