Emreyy
06.07.2022, 20:00
Wie bekomme ich dieses Design hin?

Hey,
ich bin langsam am verzweifeln...
Ich frage mich die ganze Zeit wie ich das in CSS mithilfe von HTML und JS hinbekomme. (siehe Bild) Ich will das wenn man auf "Fach hinzufügen" klickt(grün), eine horizontale Linie entsteht und wenn man auf "Kategorie hinzufügen" klickt, eine vertikale linie. Auf die dabei entstehenden Felder sollte ich auch zugriff haben. Außerdem sollte es auch dynamisch sein. Wie bekomme ich das hin ?

 ...zum Beitrag
Antwort
von verreisterNutzer
07.07.2022, 18:06

Das Tabellenlayout lässt sich mithilfe von <table>, <tr> und <td> im HTML simpel lösen. Der JavaScript-Code fügt lediglich neue Zeilen und Spalten ein. contentEditable ermöglicht das Bearbeiten des Zelleninhaltes, wodurch auch Breiten und Höhen automatisch angepasst werden.

Hier eine Lösung ohne Frameworks (Vanilla JavaScript): https://pastebin.com/fsv59ZQH

 ...zur Antwort