Inhalt aus Div-Container auslesen
Hallo, ich möchte aus einem Div den Inhalt auslese.
<form action="index.php?note=1" method=post >
<div id="myNicPanel" style="width: 100%;"></div>
<div value=" " id="myInstance" style=" width: 100%;"><!--Alles was hier drin steht würde ich gerne in einer Variable speicher--></div>
<button type="submit">Änderungen Speichern</button>
</form>
Mein frage nun wie kann ich das machen?
5 Antworten
![](https://images.gutefrage.net/media/default/user/14_nmmslarge.png?v=1551279448000)
Morgen, also muss dir echt sagen sowas sieht kein Entwickler gerne...
Zuallererst hat das value
im DIV Element dort überhaupt nichts zu suchen ..
Meine Empfehlung wäre soetwas:
//HTML
<form action="index.php?note=1" method=post >
<input name="data[myNicPanel]">
<input value="" name="data[myInstance]" >
<button type="submit">Änderungen Speichern</button>
</form>
//php
//alle POST Daten in eine var speichern ..
$data = $_POST['data'];
//Zugriff
$data['myInstance']
Wenn es allerding nach deinem Formular unbedingt so gemacht werden muss, .......... naja sowas könnt gehen ...
//jQuery
$(function() {
$('body').on('submit', 'form', function(){
var data = {myNicPanel:$('myNicPanel').text(),myInstance: $('myInstance').text() }
$.post($(this).prop('action'),data);
})
})
//php
$myNicPanel = $_POST['myNicPanel'];
Ach und noch eine Sache ... schreib doch bitte kein CSS in HTML hinein sowas gehört in eine .css Dateie
![](https://images.gutefrage.net/media/default/user/10_nmmslarge.png?v=1551279448000)
Such die Datei wo die ID's drin stehen und schau was die ID "myInstance" macht. Musst dich halt durch den Quelltext hangeln.
![](https://images.gutefrage.net/media/user/LeBonyt/1553190555784_nmmslarge__5_5_160_160_23469c76ccd9796e9cb38ca6b6f0ac87.png?v=1553190556000)
Das kannst Du mit einfachen JavaScript machen
var innenTeil = document.getElementById('myInstance').innerHTML;
alert(innenTeil);
![](https://images.gutefrage.net/media/default/user/15_nmmslarge.png?v=1551279448000)
![](https://images.gutefrage.net/media/user/Pacefalcon/1444748973_nmmslarge.jpg?v=1444748973000)
ALS php:
$myInstance = $_POST['myInstance'];
echo $myInstance;
![](https://images.gutefrage.net/media/user/Pacefalcon/1444748973_nmmslarge.jpg?v=1444748973000)
![](https://images.gutefrage.net/media/user/Sedd90/1444747648_nmmslarge.jpg?v=1444747648000)
Hallo,
was spricht dagegen das mit einer Textarea zu machen? für alles Andere wirst du wohl um JavaScript nicht rumkommen...
LG Sedd
![](https://images.gutefrage.net/media/default/user/15_nmmslarge.png?v=1551279448000)
Das war auch meine erste Idee, aber der "NicEditor" den ich dafür benutzen möchte arbeitet leider mit Div`s
Bzw. es gibt zwar auch eine Textarea Möglichkeit mit dem Editor aber dann funktioniert dieser nicht mehr richtig.
Hättest du eine Idee wie es mit Javascript funktionieren könnte?
Mfg
Paul
![](https://images.gutefrage.net/media/user/Sedd90/1444747648_nmmslarge.jpg?v=1444747648000)
Wenn du es per JavaScript auslesen willst:
var meienVariable = document.getElementByID('myInstance').innerHtml;
so grob ausm Kopf aufgeschrieben
![](https://images.gutefrage.net/media/user/Sedd90/1444747648_nmmslarge.jpg?v=1444747648000)
Basierend auf deiner Frage zu der anderen Antwort:
Das in eine PHP-Variable zu bringen wird schwierig - hierzu müsstest du einen AJAX-Aufruf machen um Serverseitig ein PHP-Script zu triggern.
JavaScript wird immer auf dem Client ausgeführt - der Server bekommt davon im Normalfall nichts mit. PHP wird immer auf dem Server ausgeführt - der Client bekommt davon gar nix mit ;)
![](https://images.gutefrage.net/media/user/Sedd90/1444747648_nmmslarge.jpg?v=1444747648000)
Ich hab das ganze mal kurz mit ner Textarea geschrieben ;)
http://gf.kkugelmann.de/PaulBla.html
Schau dir den Quelltext mal an ;)
![](https://images.gutefrage.net/media/user/Sedd90/1444747648_nmmslarge.jpg?v=1444747648000)
http://gf.kkugelmann.de/PaulBla2.html
ist jetzt nur mal schnell runtergetippt - hab es nicht getestet - sollte so aber eigentlich hinhauen - du bekommst dann serialisierte Daten ins PHP-Script die du per unserialize() wieder in ein Array aufsplitten müsstest, dann kannst du damit wie gewohnt arbeiten.
Hier kommt die jQuery Bibliothek zum Einsatz, um die Ajax-Requests für alle Browser möglich zu machen, was sonst viele Zeilen JavaScript-Code erfordert hätte ;)
![](https://images.gutefrage.net/media/default/user/15_nmmslarge.png?v=1551279448000)
Ich habe es jetzt als Textarea versucht. http://www.pic-upload.de/view-22174295/Unbenannt.jpg.html
Das war wie gesagt auch meine erste Idee aber NicEditor verformt die Textarea.
Ich hab auch schon versucht der textarea mit einem Style zusagen das sie breiter sein soll. - hat nicht funktioniert.
Ich habe auch versucht das Script vom NicEditor dahin gehend ab zu ändern. - hat auch nicht so gut funktioniert.
![](https://images.gutefrage.net/media/user/Sedd90/1444747648_nmmslarge.jpg?v=1444747648000)
Kannst du den NicEdit nicht ganz rauslassen? Wofür hast du den geladen?
da müssten irgendwo 2 Zeilen im Script sein
<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
kannst du die Löschen?
Wie soll das funktionieren?
Ein DIV ist kein Formularelement, dass bei Formularübermittlung mit übertragen wird - oder ist dieser Kelch die letzten 10-15 Jahre an mir vorbei gegangen? ;)