JavaScript innerHTML mit execCommand?

29.03.2011, 17:09

Hallo,
die Situation ist folgende:
Ich würde gerne einen Text hinzufügen, der sich bei einem Klick ändert. Mit einem Text klappt es auch schon, nur noch nicht mit HTML Code.

Also der Code sieht wie folgt aus:

PHP-Code:

  eingabe.document.execCommand('insertHTML', false, '<p onclick="document.getElementById(\'eingabe\').innerHTML=\''+contentDocument+'\'">');

eingabe ist hierbei ein iFrame, wo alles ausgegeben und eingelesen wird. In contentDocument wird der neue Text (der Text ist dabei im HTML Format, z.B. <div class="hi">hallo</div>) gespeichert. Wenn nun der Code eingefügt wird, sieht der HTML Code leider nicht mehr richtig aus, sondern so:

Code:

<p onclick="document.getElementById('eingabe').innerHTML='<div style=" text-align:="" center;="">dddddd'"&gt;</p><p onclick="document.getElementById('eingabe').innerHTML='<br>'"><br></p>

Der Code ist also syntaktisch nicht korrekt. Bei Text gibt es keine Probleme. Gibt es eine Möglichkeit, diesen Fehler zu verhindern? Wenn ja, wie gehe ich es am besten an?

tr0y · 29.03.2011, 17:12

- Functions nutzen
- per CSS Formatieren
- HTML nochmal(!) lernen

optional:
- JS Framework benutzen, nachdem du das oben gemacht hast
-> Events an Objekte hängen statt onClick im Source vollzu-"sauen"

29.03.2011, 17:16

Das ist der Inhalt einer Funktion. Oder wie meinst du das genau?
Eine CSS Formatierung ist nicht so komfortabel. Der HTML Code ist in contentDocument valide, doch wird durch den JS Code so "entstellt". Kann man das verhindern?

tr0y · 29.03.2011, 17:17

Wolla · 29.03.2011, 17:38

Anmerkungen zu Multipostings
http://www.php.de/php-einsteiger/ann..._Multipostings

http://www.html.de/javascript-ajax-u...de-nutzen.html

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Problem mit dynamischer URL in Javascript Dateien	da.eXecutoR	JavaScript, Ajax und mehr	4	28.09.2010 17:18
timing Probleme bzw Zusammenspiel PHP Javascript	thica	PHP Tipps 2009	2	19.02.2010 19:06
[Erledigt] Ersatz für Javascript	Mort1ferus	JavaScript, Ajax und mehr	6	12.10.2009 09:35
Wie lade ich ein Javascript nach einer AJAX Abfrage neu?	da.eXecutoR	JavaScript, Ajax und mehr	3	21.09.2009 11:15
[Erledigt] Ist das ok, wenn eine Webseite nur in PHP ist und komplett auf JavaScript	coffeyn	Off-Topic Diskussionen	15	21.08.2009 15:11
[Erledigt] JavaScript Weiche bei Formular?	markus228	JavaScript, Ajax und mehr	1	09.08.2009 14:16
[Erledigt] Variable von Javascript mit 1x1px-Bild an PHP übergeben	beneblack	PHP Tipps 2009	18	03.05.2009 22:40
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
Lerne Grundlagen \| Quellensammlung	cycap	PHP Einsteiger	0	12.11.2008 16:23
PHP + Javascript + MYSQL	socke	PHP Tipps 2006	4	02.04.2006 22:02
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30
php + Javascript, Variablenübergabe		PHP Tipps 2004	14	28.07.2004 15:42

29.03.2011, 17:09
Extremefall Gast Beiträge: n/a	JavaScript innerHTML mit execCommand? Hallo, die Situation ist folgende: Ich würde gerne einen Text hinzufügen, der sich bei einem Klick ändert. Mit einem Text klappt es auch schon, nur noch nicht mit HTML Code. Also der Code sieht wie folgt aus: PHP-Code: `eingabe.document.execCommand('insertHTML', false, '<p onclick="document.getElementById(\'eingabe\').innerHTML=\''+contentDocument+'\'">');` eingabe ist hierbei ein iFrame, wo alles ausgegeben und eingelesen wird. In contentDocument wird der neue Text (der Text ist dabei im HTML Format, z.B. <div class="hi">hallo</div>) gespeichert. Wenn nun der Code eingefügt wird, sieht der HTML Code leider nicht mehr richtig aus, sondern so: Code: <p onclick="document.getElementById('eingabe').innerHTML='<div style=" text-align:="" center;="">dddddd'"></p><p onclick="document.getElementById('eingabe').innerHTML='<br>'"><br></p> Der Code ist also syntaktisch nicht korrekt. Bei Text gibt es keine Probleme. Gibt es eine Möglichkeit, diesen Fehler zu verhindern? Wenn ja, wie gehe ich es am besten an?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

29.03.2011, 17:12
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	- Functions nutzen - per CSS Formatieren - HTML nochmal(!) lernen optional: - JS Framework benutzen, nachdem du das oben gemacht hast -> Events an Objekte hängen statt onClick im Source vollzu-"sauen" __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

29.03.2011, 17:16
Extremefall Gast Beiträge: n/a	Das ist der Inhalt einer Funktion. Oder wie meinst du das genau? Eine CSS Formatierung ist nicht so komfortabel. Der HTML Code ist in contentDocument valide, doch wird durch den JS Code so "entstellt". Kann man das verhindern?

29.03.2011, 17:17
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	__________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

29.03.2011, 17:38
Wolla Moderator Registriert seit: 06.06.2008 Beiträge: 4.945 PHP-Kenntnisse: Fortgeschritten	Anmerkungen zu Multipostings http://www.php.de/php-einsteiger/ann..._Multipostings http://www.html.de/javascript-ajax-u...de-nutzen.html __________________ Warum denkt mein Hund eigentlich immer dann, wenn es an der Tür klingelt, es sei für ihn?