✔ GetElemetsByID findet nichts?

H

hab1cht

Erfahrenes Mitglied
Hallo,
habe in einer Tabelle ein Hintergrundbild, das die komplette Bildschirmbreite überspannen soll. Will nun also per Javascript die Bildschirmauflösung des Benutzers auslesen (ich weis das stimmt nicht immer usw....) und den entsprechenden table style verändern.
hier mein bisheriger Code:
HTML: 
<html>
<head>
<link rel="stylesheet" type="text/css" href="format.css">
</head>

<script language="JavaScript">
<!--

function bildLaden()
{
var res = screen.width;

document.getElementById("MEINBODY").style = "background: #c3c5c7 url('images/'+res+'.gif') no-repeat;";

} // Ende function

onload = bildLaden();

</script>


<body>
<table>
	<tr>
		<td>
		&nbsp;&nbsp;<img src="images/LOGO.jpg" width="180">
		</td>
		<td align="center"><font size="5">
		Herzlich willkommen auf der Homepage der</font><br><br>
		<img src="images/Schriftzug.gif" width="55%">
		</td>
	</tr><tr align="right"><td colspan="2" align="right" width="100%">
	<hr style="color:#c3c5c7; background: #c3c5c7; height:3px; width:700px;" align="right"></td></tr>
	<tr><td colspan="2">
	<table class="fstLevel" height="600" width="100%" ID ="MEINBODY";>
		<tr class="fstLevel">
			<td valign="top" class="fstLevel"><br><br><br><br><br><br><br><br>
			<a href="index.php">Home</a><br>
			<a href="aktuelles/aktuelles.php">Aktuelles</a><br>
			<a href="kontakt/kontakt.php">Kontakt</a><br>
			</td>
			<td valign="top" align="middle" width="100%"><br><br><br>
			<!-- Inhalt -->

Nur leider passiert nichts ;) also document.getElementById("MEINBODY") ist null, wenn ich es ausgeben lasse... hat jemand eine Idee?
Bzw. stimmt mein bisheriger Code überhaupt?

Vielen Dank im Voraus

Mfg
hab1cht
 
Probier’s mal mit der setAttribute()-Methode:
Code: 
function bildLaden()
{
var res = screen.width;

document.getElementById("MEINBODY").setAttribute("style", "background: #c3c5c7 url('images/'+res+'.gif') no-repeat;");

} // Ende function

window.onload = bildLaden;
 
Wenn das da oben dein Original Code ist würde ich spontan behaupten das Kommentar zu schließen wieder.

Code: 
<script type="text/javascript">
  <!--
      // js code
   //-->
</script>
<body>
    // inhalt
</body>

Kann mir gut vorstellen das es das ist , des weiteren das " ; " nach der ID rausnehmen im Body Inhalt.Ob das so dramatisch ist kA aber sollte da eigentlich gar nicht stehen.

MfG
 
Hallo,
vielen Dank für die schnellen Antworten. Habe das Problem jetzt ein bisschen anders gelöst und es scheint zu funktionieren.
Kann es sein, dass Firefox getElementsById nicht unterstützt?

Naja ich wünsche euch allen ein frohes Fest und schöne Feiertage

MfG
hab1cht
 
Naja, es heisst auch nicht
getElement "s" byId
das s gehört WEG
W3C reisst euch den Kopf ab...
"getElementById" !
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück