Beitrag posten

Hi nochmal, ich bin mal wieder am Tüfteln und dabei wieder auf eine neue Frage gestoßen. Diesmal nur in einem Forum gepostet und mit HTML Code. =) Vorab: ich habe in diesem Dokument Bootstrap eingebunden. Meine Überlegung war: Ich möchte ein Objekt, bestehend aus mehrere Sachen wie Textfeld, Kategorie und einem Video, über ein solches Objekt "posten" können. Also quasi wie bei einem Social Media Netzwerk, wenn man ein Beitrag mit Video postet oder sonstiges. Das ganze nicht ansehnlich aufgearbeitet, sondern einfach nur zum Verständnis. Ich habe in anderen Foren bereits Beiträge zu Chats gefunden, dies hilft mir aber leider nicht weiter. Des Weiteren soll man natürlich keine riesigen Datenmengen posten können, sondern lediglich ein oder zwei solcher "Beiträge"

Der hier verwendete Code

<style> .line{ width:100%; height:100px; background:lightgrey; text-align:center; margin-top:20px; font-size:20px; } </style> <body> <input type="text" id="texxt"> <input type="button" id="go" value="Eintragen"> <div id="wrapper"> <div id="neu"></div> <div class="line">Erster Eintrag</div> </div> <script> button = document.querySelector('#go'); inbody=document.querySelector('#wrapper'); button.addEventListener('click', function () { out=document.getElementById('texxt').value; var option = document.createElement('div'); option.setAttribute('class', 'line'); option.innerHTML=out; inbody.appendChild(option); }); </script>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!