✔ InnerHTML funktioniert nicht - keine Fehlermeldung

Status
Nicht offen für weitere Antworten.
FlorianR

FlorianR

Erfahrenes Mitglied
Hallo Zusammen,

ich habe im Grunde ein sehr simples Problem (denke ich).

Ich möchte per Javascript ein Menü generieren, da ich eine statische Seite erzeuge und keine Lust habe, bei einer kleinen Änderung jede Datei zu ändern.

Ich habe ein Div:
HTML: 
<div id="menu"></div>

Und ein javascript:

PHP: 
var Menue = document.getElementById("menu");
Menue.innerHTML = "test";

in das innerHTML sollen später die variablen von einem Objekt welches ich erstelle.

Nun zeigt er mir allerdings nichts an - habt ihr eine Idee?

Ich freue mich auf eure Vorschläge - Vielen Dank.

Florian
 
Der Javascript Code:

PHP: 
/* 

Folgende Struktur wird (im Menü) aufgebaut:
-------------------------------------------
Sprechzeiten
weitere Menüpunkte
weitere Menüpunkte
weitere Menüpunkte
weitere Menüpunkte

*/

//Sprechzeiten:
sprechzeiten = document.createElement("href");
sprechzeiten.setAttribute("src","sprechzeiten.htm");
sprechzeiten.setAttribute("title","Sprechzeiten");
sprechzeiten.innerHTML = "Sprechzeiten";

alert("bis hier hin gehts");

var Menue = document.all.menu.innerHTML = "test";
Menue.innerHTML = "test";

//.innerHtml = "menuepunkt-test";
alert(Menue);


Die Html Datei:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>title</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<!-- Metatags nicht vorhanden -->
	<link rel="STYLESHEET" type="text/css" href="format.css" />
	
</head>

<body>
<script type="text/javascript" src="menue.js"></script>
<center>
<table cellspacing="0" cellpadding="0" class="rahmen" width="944">
	<tr>
		<td class="header-bg" colspan="2">
			
		</td>
	</tr>
	<tr>
		<td class="menue-bg">
			<div class="menue" id="menu">&nbsp;s</div>
			<img src="/images/menue-bottom.jpg" alt="" title="" />
			<br />
			<div class="adresse">
				Test
			</div>
		</td>
		<td class="content-bg">
		<div class="content-rahmen">
			<h1>headline</h1>

			<div class="content">
			test
			</div>
		</div>
		</td>
	</tr>
</table>
<br /><br />
</center>
</body>
</html>
 
Zuletzt bearbeitet:
Binde das Javascript mal ganz am Ende des Dokumentes ein.

Momentan steht es im Dokument vor dem <div>, welches du ansprichst, welches somit zu dem Zeitpunkt, wo das Skript gelesen wird, noch nicht bekannt ist(eine entsprechende Fehlermeldung betreffs undefiniertem Objekt solltest du da eigentlich auch bekommen)
 
Vielen Dank, das nenn ich eine simple Lösung... und ich habe mir schon die Zähne ausgebissen. Darauf wäre ich nicht gekommen, da ich meine JavaScript Dateien immer oben einfüge. Danke.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück