geclontes div ÜBER Button einfügen - Seite 2

rejoice · 11.02.2011, 14:29

da nun alles funktioniert hab ich noch eine frage bezüglich der stationen. sobald man eine station hinzufügt wird ja auch die stationsnummer erhöht

wenn ich nun 10 hinzufüge und 3 entferne geht es demzufolge mit der 11 weiter

gibt es eine möglichkeit das er die stationen immer neu befriftet .. also wenn ich von 10 stationen die 4 entferne dass das script alle stationen neu durchzählt und die stationen neu benennt ( aus station 4 wird dann die 3) ?

mein bisheriger CODE:

PHP-Code:

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
<!--
var station=1;
function clone_this(objButton){
        station++;
        if(objButton.parentNode){       
                tmpNode=objButton.parentNode.cloneNode(true);
                target=objButton.parentNode.parentNode;
                arrInput = tmpNode.getElementsByTagName("input");
                tmpNode.getElementsByTagName("h2")[0].innerHTML="Station "+station+" <img src='../gfx/cross.png' title='Station "+station+" entfernen' onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode)'>";

                for(var i=0; i<arrInput.length; i++){
                        if(arrInput[i].type=='text'){
                                arrInput[i].value='';
                        }
                }
                target.insertBefore(tmpNode, document.getElementById("insert"));
        }
}
//-->
</script>
<title></title>
</head>
<body>
<form>
    <div id='stationen'>
        <div id='frm'><h2>Station 1</h2>
            <input name="stationsname[]" type="text" size="20" maxlength="30"><br><br>
        </div>
    </div>
    <input id="insert" type="button" value="weiter Station einfuegen" onclick="clone_this(frm)">
</form>
</body>
</html>

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
&quot;Submit&quot; Button in anderem Frame erzeugen	skerge12	PHP Tipps 2010	12	19.10.2010 11:59
[Erledigt] MYSQL update über Button	frustrated	PHP Tipps 2010	4	02.03.2010 20:13
Element erstellen, in Quelltext einfügen und auf dieses zugreifen können	R4v3r	JavaScript, Ajax und mehr	8	18.12.2009 11:33
Login.php in index.html einfügen - Fehler!?	bayway	HTML, Usability und Barrierefreiheit	6	10.09.2009 22:50
Login in HTML einfügen - Fehler!	bayway	Beitragsarchiv	1	09.09.2009 21:47
Projekt: User über Intranetpage erstellen, auf einen VoIP-Server	beta1234	PHP Tipps 2009	2	22.07.2009 13:21
Tabelle über Ajax nachladen dauert	pilot323	JavaScript, Ajax und mehr	24	24.06.2009 16:17
[Erledigt] Einzelnen DB-Eintrag über ID anzeigen	Knutschi	PHP Tipps 2009	6	26.03.2009 09:56
[Erledigt] Beibehalten eines JS-Zustands über PHP	louis	PHP Tipps 2008	26	30.10.2008 09:29
Reset Button bei Formularen	TeazY	PHP Tipps 2008	2	24.12.2007 14:59
Variablen in neues Formular über Button oder Link übergeben		PHP Tipps 2005-2	1	15.07.2005 23:10
[Erledigt] Import einer *.sql-Datei über den mysql-client		Datenbanken	2	25.05.2005 19:03
lässt sich nix in meine mysql datenbank über script einfügen		PHP Tipps 2005	8	17.04.2005 19:41
Umleitung über Meta-Angaben im Header abhängig vom Host		PHP Tipps 2004	7	14.06.2004 12:34

11.02.2011, 14:29
rejoice Benutzer Registriert seit: 23.10.2009 Beiträge: 93 PHP-Kenntnisse: Anfänger	da nun alles funktioniert hab ich noch eine frage bezüglich der stationen. sobald man eine station hinzufügt wird ja auch die stationsnummer erhöht wenn ich nun 10 hinzufüge und 3 entferne geht es demzufolge mit der 11 weiter gibt es eine möglichkeit das er die stationen immer neu befriftet .. also wenn ich von 10 stationen die 4 entferne dass das script alle stationen neu durchzählt und die stationen neu benennt ( aus station 4 wird dann die 3) ? mein bisheriger CODE: PHP-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript"> <!-- var station=1; function clone_this(objButton){ station++; if(objButton.parentNode){ tmpNode=objButton.parentNode.cloneNode(true); target=objButton.parentNode.parentNode; arrInput = tmpNode.getElementsByTagName("input"); tmpNode.getElementsByTagName("h2")[0].innerHTML="Station "+station+" <img src='../gfx/cross.png' title='Station "+station+" entfernen' onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode)'>"; for(var i=0; i<arrInput.length; i++){ if(arrInput[i].type=='text'){ arrInput[i].value=''; } } target.insertBefore(tmpNode, document.getElementById("insert")); } } //--> </script> <title></title> </head> <body> <form> <div id='stationen'> <div id='frm'><h2>Station 1</h2> <input name="stationsname[]" type="text" size="20" maxlength="30"><br><br> </div> </div> <input id="insert" type="button" value="weiter Station einfuegen" onclick="clone_this(frm)"> </form> </body> </html>


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