• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle mit anderer ID automatisch erzeugen

Status
Für weitere Antworten geschlossen.
C

cyberkuh

Neues Mitglied
Hallo liebe Community,

ich benötige für meine Website eine kleine Javascript Funktion.
Ich selber kann leider nur ein wenig Javascript.
Ich kann größtenteils zwar Javascript Code lesen, jedoch nicht selber schreiben.

Ich bräuchte nur die Funktion. HTML/CSS, PHP/MySQL kann ich selber recht gut.

Beispiel:

Code: 
<html>
<body>
<div id="test1">
<table id="table"></table>
</div><br>
<div>
<input type="button">
</div>
</body>
</html>

Folgendes:
Beim Anklicken von dem Button soll folgendes nach
"<table id="table"></table>" hinzugefügt werden:

Code: 
<table id="table_added_[COLOR="#ff0000"]x[/COLOR]"></table>

wobei x sich pro Klick erhöhen soll.
Also nach dem ersten Klicken wird soll folgendes hinzugefügt werden:
<table id="table_added_1"></table>

Beim Zweiten:
<table id="table_added_2"></table>

usw.


Nachdem 10 zusätzliche Tabellen erreicht worden sind, soll beim weiteren Klicken eine Alert-Box erscheinen: "Du hast die maximale Anzahl erreicht".


Ich weiß, ist jetzt ein bisschen doof, weil ich selber keinen Ansatz habe.
Ich selber versuche noch Javascript zu lernen, aber im Gegensatz zu anderen Programmiersprachen die ich beherrsche, fällt mir das bei Javascript sehr schwer.

Wäre echt nett, wenn das jemand machen könnte.

Liebe Grüße
Benny
 
Code: 
<script ....bla>
var akt = 0

function addTable()
{
    document.getElementById("tabellen").innerHTML += '<table id="tabelle_add_'+akt+'"><tr><td><a href="javascript: addTable; return false;">Tabelle hinzufügen</td></tr></table>'
    akt++
}
</script>
<div id="tabellen">
  <table id="tabelle">
     <tr><td><a href="javascript: addTable; return false;">Tabelle hinzufügen</td></tr>
  </table>
</div>

sollte gehen ist aber von hand geschrieben ;)
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben