[Erledigt] Überschrift Clonen und nach oben zählen

rejoice · 03.02.2011, 14:26

Hallo

ich habe ein script wo ich inpput felder clonen kann und diese auch nach belieben entfernen kann. dies funktioniert einwandfrei und auch bei entfernen steht die richtige stationsnummer da. nun habe ich aber das problem das ich gerne auch die überschrift geändert haben will.
bei 3. Inputfeld soll auch als überschrift "Station 3 erfassen" da stehen.
Könnt ihr mit helfen dies zu realisieren?
hier mein bisheriger code:

PHP-Code:

  <script type="text/javascript">

<!--

var zaehler=0;

function clone_this(objButton){

zaehler++;

 
  if(objButton.parentNode){

    

    

    tmpNode=objButton.parentNode.cloneNode(true);

    target=objButton.parentNode.parentNode;

    arrInput = tmpNode.getElementsByTagName("input");

 
    for(var i=0; i<arrInput.length; i++){

      if(arrInput[i].type=='text'){

        arrInput[i].value='';

      }

    }

 
    target.appendChild(tmpNode);

    objButton.value="Station "+zaehler+" entfernen";

    objButton.onclick=new Function('f1','this.parentNode.parentNode.removeChild(this.parentNode)');

  }

}

//-->

</script>

 
<div name='frmstationen'>

    <div>

        <strong>Station 1 erfassen</strong><br/>

        <input name="stationsname[]" type="text"  size="20" maxlength="30" /><br/>

        <input type="button" value="weiter Station einfuegen" onclick="clone_this(this)"><br/><br/><br/>

    </div>

</div>

rejoice · 03.02.2011, 14:49

irgendwie ist jetzt der groschen gefallen und ich habe es hin bekommen:

PHP-Code:

  <script type="text/javascript">
<!--
var zaehler=0;
var station=1;
function clone_this(objButton){
zaehler++;
station++;

  if(objButton.parentNode){
    
    
    tmpNode=objButton.parentNode.cloneNode(true);
    target=objButton.parentNode.parentNode;
    arrInput = tmpNode.getElementsByTagName("input");
    tmpNode.getElementsByTagName("span")[0].innerHTML="<b>Station "+station+"</b>";

    for(var i=0; i<arrInput.length; i++){
      if(arrInput[i].type=='text'){
        arrInput[i].value='';
      }
    }

    target.appendChild(tmpNode);
    objButton.value="Station "+zaehler+" entfernen";
    objButton.onclick=new Function('f1','this.parentNode.parentNode.removeChild(this.parentNode)');
  }
}
//-->
</script>

<div name='frmstationen'>
    <div>
        <span><b>Station 1</b></span><br/>
        <input name="stationsname[]" type="text"  size="20" maxlength="30" /><br/>
        <input type="button" value="weiter Station einfuegen" onclick="clone_this(this)"><br/><br/><br/>
    </div>
</div>

lösung war innerHTML in zeile 15 womit ich zeile 33 ändere

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Zahlen Zeitversetzt einblenden	KevinK91	Scriptbörse	5	25.01.2011 15:12
Grösster Wert eines Arrays mit negativen Zahlen herausfinden	beta02	PHP Tipps 2010	11	24.11.2010 08:00
CSS - Hintergrundbild oben beschneiden	luks2com	HTML, Usability und Barrierefreiheit	6	09.09.2010 21:00
[Erledigt] zahlen mit komma auslesen und als array oder so speichern	php-gamer	PHP Tipps 2010	11	06.02.2010 22:41
mit array_count_values($array) einen bestimmten Wert zählen	flual2000	PHP Tipps 2009	2	22.04.2009 14:12
[Erledigt] db einträge zählen oder hochzählen lassen?	mistermint	PHP Tipps 2009	2	27.03.2009 14:56
zufalls zahlen kombination	Marti95.	PHP Tipps 2009	34	23.02.2009 20:21
Formular -> Zahlen -> Währung -> mySQL	der_Angler	Datenbanken	3	11.02.2009 14:51
jpg Dateien in einem Ordner und dessen Unterordner zählen	ccolucci	PHP Tipps 2008	8	14.10.2008 17:47
Vorkommnisse eines Begriffs in einem Tabellfeld zählen	R4v3r	Datenbanken	2	06.02.2007 18:19
Zahlen (Double) formatiert darstellen	Marie	PHP Tipps 2007	2	24.01.2007 22:32
Zahlen effektiv verschlüsseln	Jacks Rache	PHP Tipps 2006	20	10.07.2006 01:44
Zahlen zusammenzählen	Sonja	PHP Tipps 2006	11	28.03.2006 11:07
Überschrift ausblenden wenn keine Datensätze m. wehre folgen		PHP Tipps 2005-2	7	01.10.2005 00:26

03.02.2011, 14:26
rejoice Benutzer Registriert seit: 23.10.2009 Beiträge: 93 PHP-Kenntnisse: Anfänger	[Erledigt] Überschrift Clonen und nach oben zählen Hallo ich habe ein script wo ich inpput felder clonen kann und diese auch nach belieben entfernen kann. dies funktioniert einwandfrei und auch bei entfernen steht die richtige stationsnummer da. nun habe ich aber das problem das ich gerne auch die überschrift geändert haben will. bei 3. Inputfeld soll auch als überschrift "Station 3 erfassen" da stehen. Könnt ihr mit helfen dies zu realisieren? hier mein bisheriger code: PHP-Code: <script type="text/javascript"> <!-- var zaehler=0; function clone_this(objButton){ zaehler++; if(objButton.parentNode){ tmpNode=objButton.parentNode.cloneNode(true); target=objButton.parentNode.parentNode; arrInput = tmpNode.getElementsByTagName("input"); for(var i=0; i<arrInput.length; i++){ if(arrInput[i].type=='text'){ arrInput[i].value=''; } } target.appendChild(tmpNode); objButton.value="Station "+zaehler+" entfernen"; objButton.onclick=new Function('f1','this.parentNode.parentNode.removeChild(this.parentNode)'); } } //--> </script> <div name='frmstationen'> <div> <strong>Station 1 erfassen</strong><br/> <input name="stationsname[]" type="text" size="20" maxlength="30" /><br/> <input type="button" value="weiter Station einfuegen" onclick="clone_this(this)"><br/><br/><br/> </div> </div>


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

03.02.2011, 14:49
rejoice Benutzer Registriert seit: 23.10.2009 Beiträge: 93 PHP-Kenntnisse: Anfänger	irgendwie ist jetzt der groschen gefallen und ich habe es hin bekommen: PHP-Code: <script type="text/javascript"> <!-- var zaehler=0; var station=1; function clone_this(objButton){ zaehler++; station++; if(objButton.parentNode){ tmpNode=objButton.parentNode.cloneNode(true); target=objButton.parentNode.parentNode; arrInput = tmpNode.getElementsByTagName("input"); tmpNode.getElementsByTagName("span")[0].innerHTML="<b>Station "+station+"</b>"; for(var i=0; i<arrInput.length; i++){ if(arrInput[i].type=='text'){ arrInput[i].value=''; } } target.appendChild(tmpNode); objButton.value="Station "+zaehler+" entfernen"; objButton.onclick=new Function('f1','this.parentNode.parentNode.removeChild(this.parentNode)'); } } //--> </script> <div name='frmstationen'> <div> <span><b>Station 1</b></span><br/> <input name="stationsname[]" type="text" size="20" maxlength="30" /><br/> <input type="button" value="weiter Station einfuegen" onclick="clone_this(this)"><br/><br/><br/> </div> </div> lösung war innerHTML in zeile 15 womit ich zeile 33 ändere