Vraag over objecten

Status
Niet open voor verdere reacties.
C

cdiepenbroek

Gebruiker
Lid geworden
29 okt 2007
Berichten
6
Wanneer ik deze pagina laadt verschijnt er een javascript error:

Regel 15 (<body onl....)
Object wordt verwacht

Begrijp ik het verkeerd of denkt javascript dat "loginWindow" niet gedefinieerd is?

Code: 
<html>
<head>
<title>Untitled-1</title>
<link rel="stylesheet" type="text/css" href="cms.css">
<script language="javascript" type="text/css">
	var loginWin = document.getElementById('loginWindow');
	function doShowLogin() {
		loginWin.style.display = 'block';
	}
	function doHideLogin() {
		loginWin.style.display = 'none';
	}
</script>
</head>
<body onload="doShowLogin();">
<div id="loginWindow">
	<table width="380" cellpadding="0" cellspacing="0">
    	<tr>
        	<td>Gebruikersnaam:</td>
            <td><input type="text" class="input_text" name="username"></td>
        </tr>
        <tr>
        	<td>Wachtwoord:</td>
            <td><input type="password" class="input_text" name="password"></td>
        </tr>
    </table>
</div>
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0"><tr><td valign="middle" align="center">
<table width="800" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td style="width: 208px; height: 66px; background-image: url(images/cms_01.gif);">&nbsp;</td>
		<td style="width: 592px; height: 66px; background-image: url(images/cms_02.gif);">&nbsp;</td>
	</tr>
	<tr>
		<td style="background-image: url(images/cms_03.gif); width: 208px; height: 42px;"><div style=" font-size: 9pt; font-family: verdana; color: #ffffff; font-weight: bold; padding-left: 30px;">Menu</div></td>
		<td style="background-image: url(images/cms_04.gif); width: 592px; height: 42px;"><div style=" font-size: 9pt; font-family: verdana; color: #ffffff; font-weight: bold; padding-left: 22px;">Pagina's</div></td>
	</tr>
	<tr>
		<td valign="top" style="width: 208px; background-image: url(images/menuback.gif);">
			<div style="width: 100%; font-size: 8pt; color: #888888; font-family: verdana; padding: 20px; padding-top: 10px;">
				Menu
			</div>
		</td>
		<td valign="top" style="width: 592px; background-image: url(images/mainback.gif);">
			<div style="width: 100%; font-size: 8pt; color: #888888; font-family: verdana; padding: 20px; padding-top: 10px;">
				Content
			</div>
		</td>
	</tr>
	<tr>
		<td style="background-image: url(images/cms_07.gif); width: 208px; height: 35px;">&nbsp;</td>
		<td style="background-image: url(images/cms_08.gif); width: 592px; height: 35px;">&nbsp;</td>
	</tr>
</table>
</td></tr></table>
</body>
</html>
 
Het zou kunnen dat het hier mee te maken heeft:
PHP: 
<script language="javascript" type="text/css">
Dat moet natuurlijk text/javascript zijn
 
Dat zag ik ook direct na het posten inderdaad, echter dit lost het probleem niet op. Object wordt nog steeds verwacht... Is het niet zo dat javascript div elementen niet als element ziet oid?
 
Het element met de id="loginWindow" bestaat nog niet op het moment dat het script deze aanroept:
PHP: 
var loginWin = document.getElementById('loginWindow');
stond voor de div. Daardoor werd de variable loginWin null.

Zo werkt 't wel: :)
PHP: 
...
<script type="text/javascript">
 function doShowLogin() {
  document.getElementById('loginWindow').style.display = 'block';
  };
 function doHideLogin() {
  document.getElementById('loginWindow').style.display = 'none';
  };
</script>
</head>
<body onload="doShowLogin();">
<div id="loginWindow" style="display: none;">
...
Met type="text/javascript" natuurlijk! ;)


Vr.Gr. Egel.
 
Graag gedaan! :)

Zet je de vraag dan nog even op opgelost? Dat kan rechtsonder bij 'status van de vraag'. :)


Vr.Gr. Egel.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan