Miikku: Firefox Problem

Beitrag lesen

SELF-Forum

Firefox Problem

Miikku
– Informationen zu den Bewertungsregeln

Hier der Code, so dass er läuft:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<title>css test</title>  
<link href="test.css" rel="stylesheet" type="text/css" />  
<script type="text/javascript">  
function lightbox_on(){  
document.getElementById("lightbox").className = 'lightbox_on';  
document.getElementById("lightbox_content").className = 'lightbox_content_on';  
}  
function lightbox_off(){  
document.getElementById("lightbox").className = 'lightbox_off';  
document.getElementById("lightbox_content").className = 'lightbox_content_off';  
}  
</script>  
</head>  
  
<body>  
<button onclick="lightbox_on()">Lightbox Aktivieren</button>  
<div id="lightbox" class="lightbox_off" onclick="lightbox_off()"></div>  
<div id="lightbox_content" class="lightbox_content_off">dsdsfdsf</div>  
  
  
</body>  
</html>

Verändert:
1. Die "javascript:" in den "onclick"-Events sind unnötig, also entfernt.
2. Sollte man in JS nicht eine ID einfach wie eine definierte Variable behandeln. Dazu gibt's die Funtion(/Methode) "document.getElementById()"
3. Sollten ALLE HTML-Attribute klein geschrieben sein. "onClick" also zu "onclick" umformuliert.

MfG,
Miikku

Beitrag melden
–
Informationen zu den Bewertungsregeln