javascript inline document.write

linken_harmy

Hoi mitnand. Ich hab da ein Problem mit der Einbindung eines Menüs. Ich habe den code des menüs in einer externen js datei innerhalb eines document.write befehls. In der html datei steht dann in einem cs positionierten div das <script src=""> tag.. allerdings glaube ich das das write wegen den im code vorhandenen anführungsstrichen nicht funktioniert... <pre> hilft auch nicht viel.. hier ein auszug...

Code

document.write("<pre>ul id="primary-nav">
  <li><a href="html/aktuelles.htm" target="content">Aktuelles</a></li>
  <li class="menuparent"><a href="html/faq.htm" target="content">Häufige Fragen</a></li>
  <li class="menuparent"><a href="html/glossar.htm" target="content">Glossar</a></li> 
  <li class="menuparent"><a href="#">ECTS an der FHV</a> 
..
..
</pre>");

im html file sieht die einbindung so aus:

Code

<div style="position:absolute; top:100px; left:0px;">
<script src="js/navigation_print.js" language="javascript"></script>
</div>

Normaler Text innerhalb des divs funktioniert mit einem js file, ich glaub eben dass es daran liegt dass da mehrere Zeilen sind und auch mehrere Steuerzeichen (") und so.. Wer weiss da Rat? danke im voraus...

Paulchen

so vielleicht?

Code

document.write([COLOR=Red]'[/COLOR]<pre>[COLOR=Red]<[/COLOR]ul id="primary-nav">
  <li><a href="html/aktuelles.htm" target="content">Aktuelles</a></li>
  <li class="menuparent"><a href="html/faq.htm" target="content">Häufige Fragen</a></li>
  <li class="menuparent"><a href="html/glossar.htm" target="content">Glossar</a></li> 
  <li class="menuparent"><a href="#">ECTS an der FHV</a>[COLOR=Red]</li>[/COLOR] 
..
..
[COLOR=Red]</ul>[/COLOR]</pre>[COLOR=Red]'[/COLOR]);

Wings-of-Glory

du musst die " im javascript escapen, wenn es zur ausgabe zählt. sonst bringt er alles durcheinander.

Code

document.write("<pre>ul id=\"primary-nav\">
  <li><a href=\"html/aktuelles.htm\" target=\"content\">Aktuelles</a></li>
  <li class=\"menuparent\"><a href=\"html/faq.htm\" target=\"content\">Häufige Fragen</a></li>
  <li class=\"menuparent\"><a href=\"html/glossar.htm\" target=\"content\">Glossar</a></li> 
  <li class=\"menuparent\"><a href=\"#\">ECTS an der FHV</a> 
..
..
</pre>");

linken_harmy

ok, wenn ich die " durch einfach ' ersetze sieht auch das highlighting etwas versprechender aus, allerdings steht in der dokumentation dass es doppelte anführungsstriche sein sollten... komischerweise gibts auch bei document.write('TEST'); und document.write("TEST"); im html file absolut keine ausgabe. ich hab extra noch in das div eine probe reingesetzt damit ich weiss wo das zeug stehen sollte..

Code

<div style="position:absolute.....>
HIER SOLLTE DAS JS STEHEN
<script....></script>
</div>

kann doch nicht sein dass das nicht geht..

linken_harmy

ok jetzt gehts, man darf scheinbar bei document.write (oder allgemein in javascript ??) keinen befehl über mehrere zeilen erstrecken. Jetzt hab ich mehrere document writes untereinander und dann passts.

Paulchen

versteh ich nicht.

das funktioniert bei mir mit allen browsern:

HTML

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>Javascript-Test</title>
	</head>
	<body>
		<div>
			<script type="text/javascript">
			<!--
				document.write("Hallo Welt!");
			// -->
			</script>
		</div>
	</body>
</html>

Alles anzeigen

javascript inline document.write

Jetzt mitmachen!

Benutzer online in diesem Thema