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

HTML Komponenten wiederverwenden per Button-drück

M

Milchsuppe

Neues Mitglied
Hallo html.de :)

Wir versuchen gerade für ein Projekt in der Uni eine Seite zu bauen.

Optisch komm ich dabei schon dahin, wo wir ankommen wollen. Ziel ist es, eine Eingabemaske zu haben die aus mehren "Gruppen" bestehen.



Diese 5 Kästen Bild/Ton/Kommentar/Ort/Dauer sollen jetzt untereinander so oft eingefügt werden, wie der User es möchte...per Buttondrück.

Ist das mit HTML irgendwie möglich, oder brauch ich ein Skript (ich denke ja). Gibt es dafür schon eine gute Lösung?

Freu mich über eure Hilfe.
 
Ist mit JavaScript möglich:

HTML: 
<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script>
   function addContent()
   {
     document.getElementById("inputs").innerHTML += '<textarea>Bild</textarea>' +
                                                    '<textarea>Ton</textarea>' +
                                                    '<textarea>Kommentar</textarea>' +
                                                    '<br /><br />' +
                                                    '<input type="text" value="Ort" />' +
                                                    '<input type="text" value="Dauer" />' +
                                                    '<br /><br /><br />';
   }
  </script>
 </head>
 <body>
  <button onclick="addContent()">hinzuf&uuml;gen</button>
  <div id="inputs" style="text-align: center">
   <textarea>Bild</textarea>
   <textarea>Ton</textarea>
   <textarea>Kommentar</textarea>
   <br /><br />
   <input type="text" value="Ort" />
   <input type="text" value="Dauer" />
   <br /><br /><br />
  </div>
 </body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben