javascript, Iframe, head

hans.karl2 · 15.05.2007, 21:19

Ich hätte eine kleine Frage:
Kann man den head Bereich in einem Iframe mit einem gewissen Inhalt setzen. Ich will nämlich in meinem Iframe, das vollständig mittels javascript befüllt wird, eine CSS Datei einbinden und ein wenig javascript Code hineinschreiben. Den Body Teil kann man ja mit document.body.innerHTML setzen, gibt so etwas ähnliches auch beim head Teil (document.head.innerHTML gibt es ja nicht!)?

Zergling-new · 15.05.2007, 21:54

Darf man fragen warum du überhaupt HTML dynamisch via JavaScript erstellst? Ich habe soetwas noch nie benötigt und stelle mir das auch ziemlich schwierig zu debuggen vor.

Wüsste jetzt aus dem Stehgreif nichts ausser

myPopup.write('<html><head> ..</head><body>..</body></html');

Aber das ja Quark.

Edit: Wobei, du kannst natürlich DOM verwenden und Nodes jeden Types anhängen.
http://de.selfhtml.org/javascript/intro.htm

hans.karl2 · 16.05.2007, 11:43

Zur Erklärung:
Der Einsatzgebiet liegt in der Darstellung von Schachzügen. Ich verwende die Skripte von ltpgnviewer, die mir die Schachzüge interpretieren und grafisch auf einem Brett anzeigen. Bei den Skripten liegt ebenfalls ein Beispiel auf, das ein div mit dem Zugtext füllt. Ich will nun, dass der Text in einem Iframe Platz findet. Dies ist mir soweit so gut geglückt, jedoch möchte ich den Text im Frame ebenfalls mit meiner CSS Datei stylen. Darüber hinaus soll ein Klick auf einen Zug diesen auf dem Brett darstellen und wenn am Brett auf die Buttons ">" oder "<" weitergeklickt wird, soll der aktuelle Zug hinterlegt werden. Diese Funktionen wird vom Zugtext im div Container erfüllt (und auch von einem normalen Frame), ich möchte nun das Ganze im iframe haben (siehe Beispiellinks unten). Der Grund dafür ist, dass ich Partien mit sehr viel Kommentare habe und wenn Benutzer mit geringer Auflösung meine Seite ansehen, kann es sein, dass sie immer zw. Partiezüge und Brett hin und her scrollen müssen (beim normalen frame wird dieser zum Zug gescrollt, falls dieser nicht im Fokus ist, dies soll natürlich auch beim iframe funktionieren).

Zusammengefasst möchte ich, dass im Iframe die Styledatei "test2.css" eingebunden wird und dass im iframe die Links funktionieren (ich glaube, das hängt mit der Funktion setMove(mm,vv,gg) zusammen, die im iframe funktionieren sollte.

Der Zweck dieses Programmes ist die Interpretation und Anzeige des Zugtextes, die einzelnen Partien sind in einer Datenbank gespeichert und je nach dem, welche Partie der Benutzer auswählt, wird der Zugtext dem Iframe und den javascript Funktionen übergeben.

Mein bisheriges Skript findet sich auf:
http://hanskarl.ha.funpic.de/pgnviewer/owndemo.html

Die Beispieldateien, die ich verwendete, um dieses Skript zu erstellen, finden sich unter:
http://hanskarl.ha.funpic.de/pgnviewer/multiboard1.html
http://hanskarl.ha.funpic.de/pgnview...?ny1927pgn.txt (in meinem Skript soll der rechte iframe genauso wie der rechte Frame von der Seite wo der Link hinzeigt sein, jedoch nur der Zugtext und sonst nichts)
http://hanskarl.ha.funpic.de/pgnview...iewerdemo.html

Der Einwand mit dem Debuggen ist vollkommen berechtigt, jedoch kann ich nicht anders, da die Vorlage von ltpgnviewer das vorschreibt. Sollte es eine andere, evtl. bessere Möglichkeit geben, meine Wünsche umzusetzten, bin ich natürlich für jede Anregung dankbar.

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
Javascript: GET Variable aus Iframe auslesen	R4v3r	HTML, Usability und Barrierefreiheit	4	08.05.2009 13:16
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
JavaScript: IFrame: Wert aendern: Problem	SvenLittkowski	HTML, Usability und Barrierefreiheit	2	26.09.2007 00:49
IFrame nach innerHTML Befehl nicht mehr editierbar	Plague	HTML, Usability und Barrierefreiheit	5	05.11.2006 16:31
IFrame im Internet Explorer verstecken	duerov	HTML, Usability und Barrierefreiheit	1	13.09.2006 17:21
Auf iframe per javascript zugreifen ?	Frank Burian	HTML, Usability und Barrierefreiheit	4	13.07.2006 06:33
iframe per src laden; Cacheproblem	ggfan	HTML, Usability und Barrierefreiheit	4	27.05.2006 16:49
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 in PDF-Files	dj-digger	HTML, Usability und Barrierefreiheit	16	09.12.2005 18:26
Gesamte Seite aus iFrame neu laden		HTML, Usability und Barrierefreiheit	5	22.11.2005 17:09
PHP statt iframe		PHP Tipps 2007	1	20.11.2005 11:28
[Erledigt] Iframe JavaScript ?		HTML, Usability und Barrierefreiheit	5	19.10.2004 21:21
JavaScript in JavaScript geschriebene Html-Datei einbinden.	woods	HTML, Usability und Barrierefreiheit	6	06.09.2004 18:33
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30

15.05.2007, 21:19
hans.karl2 Benutzer Registriert seit: 26.01.2005 Beiträge: 30	javascript, Iframe, head Ich hätte eine kleine Frage: Kann man den head Bereich in einem Iframe mit einem gewissen Inhalt setzen. Ich will nämlich in meinem Iframe, das vollständig mittels javascript befüllt wird, eine CSS Datei einbinden und ein wenig javascript Code hineinschreiben. Den Body Teil kann man ja mit document.body.innerHTML setzen, gibt so etwas ähnliches auch beim head Teil (document.head.innerHTML gibt es ja nicht!)?


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

15.05.2007, 21:54
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Darf man fragen warum du überhaupt HTML dynamisch via JavaScript erstellst? Ich habe soetwas noch nie benötigt und stelle mir das auch ziemlich schwierig zu debuggen vor. Wüsste jetzt aus dem Stehgreif nichts ausser myPopup.write('<html><head> ..</head><body>..</body></html'); Aber das ja Quark. Edit: Wobei, du kannst natürlich DOM verwenden und Nodes jeden Types anhängen. http://de.selfhtml.org/javascript/intro.htm

16.05.2007, 11:43
hans.karl2 Benutzer Registriert seit: 26.01.2005 Beiträge: 30	Zur Erklärung: Der Einsatzgebiet liegt in der Darstellung von Schachzügen. Ich verwende die Skripte von ltpgnviewer, die mir die Schachzüge interpretieren und grafisch auf einem Brett anzeigen. Bei den Skripten liegt ebenfalls ein Beispiel auf, das ein div mit dem Zugtext füllt. Ich will nun, dass der Text in einem Iframe Platz findet. Dies ist mir soweit so gut geglückt, jedoch möchte ich den Text im Frame ebenfalls mit meiner CSS Datei stylen. Darüber hinaus soll ein Klick auf einen Zug diesen auf dem Brett darstellen und wenn am Brett auf die Buttons ">" oder "<" weitergeklickt wird, soll der aktuelle Zug hinterlegt werden. Diese Funktionen wird vom Zugtext im div Container erfüllt (und auch von einem normalen Frame), ich möchte nun das Ganze im iframe haben (siehe Beispiellinks unten). Der Grund dafür ist, dass ich Partien mit sehr viel Kommentare habe und wenn Benutzer mit geringer Auflösung meine Seite ansehen, kann es sein, dass sie immer zw. Partiezüge und Brett hin und her scrollen müssen (beim normalen frame wird dieser zum Zug gescrollt, falls dieser nicht im Fokus ist, dies soll natürlich auch beim iframe funktionieren). Zusammengefasst möchte ich, dass im Iframe die Styledatei "test2.css" eingebunden wird und dass im iframe die Links funktionieren (ich glaube, das hängt mit der Funktion setMove(mm,vv,gg) zusammen, die im iframe funktionieren sollte. Der Zweck dieses Programmes ist die Interpretation und Anzeige des Zugtextes, die einzelnen Partien sind in einer Datenbank gespeichert und je nach dem, welche Partie der Benutzer auswählt, wird der Zugtext dem Iframe und den javascript Funktionen übergeben. Mein bisheriges Skript findet sich auf: http://hanskarl.ha.funpic.de/pgnviewer/owndemo.html Die Beispieldateien, die ich verwendete, um dieses Skript zu erstellen, finden sich unter: http://hanskarl.ha.funpic.de/pgnviewer/multiboard1.html http://hanskarl.ha.funpic.de/pgnview...?ny1927pgn.txt (in meinem Skript soll der rechte iframe genauso wie der rechte Frame von der Seite wo der Link hinzeigt sein, jedoch nur der Zugtext und sonst nichts) http://hanskarl.ha.funpic.de/pgnview...iewerdemo.html Der Einwand mit dem Debuggen ist vollkommen berechtigt, jedoch kann ich nicht anders, da die Vorlage von ltpgnviewer das vorschreibt. Sollte es eine andere, evtl. bessere Möglichkeit geben, meine Wünsche umzusetzten, bin ich natürlich für jede Anregung dankbar.