nicht angemeldet
Hi Leute,
ich würde gerne wissen, ob mir jemand mal kurz helfen kann. Auch wenn ich die Beispiele schon mehrfach komplett durchgelesen habe, fällt mir leider kein Fehler auf:
Ich will die dhtml Beispiele von der automatischen Datumsanzeige und von dem "dynamischen" Navigieren (Navi-Leise blendet sich am linken Rand ein, wenn die Maus den bestimmten Bereich berührt) in eine Seite packen, aber leider funktioniert es bei mir (trotz vielem Herumgefummele) nicht. Meine Quellcode:
<html>
<head>
<title>NTILHA</title>
<script type="text/javascript" src="dhtml.js"></script>
<script type="text/javascript">
<!--
function ZeitAnzeigen() {
var Wochentagname = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturay");
var Jetzt = new Date();
var Tag = Jetzt.getDate();
var Monat = Jetzt.getMonth() + 1;
var Jahr = Jetzt.getYear();
if(Jahr < 999) Jahr += 1900;
var Stunden = Jetzt.getHours();
var Minuten = Jetzt.getMinutes();
var Sekunden = Jetzt.getSeconds();
var WoTag = Jetzt.getDay();
var Vortag = ((Tag < 10) ? "0" : "");
var Vormon = ((Monat < 10) ? ".0" : ".");
var Vorstd = ((Stunden < 10) ? "0" : "");
var Vormin = ((Minuten < 10) ? ":0" : ":");
var Vorsek = ((Sekunden < 10) ? ":0" : ":");
var Datum = Vortag + Tag + Vormon + Monat + "." + Jahr;
var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
var Gesamt = Wochentagname[WoTag] + ", " + Datum + ", " + Uhrzeit;
if(DHTML) {
if(NS) setCont("id","Uhr",null,"<span class="Uhr">" + Gesamt + "</span>");
else setCont("id","Uhr",null,Gesamt);
}
else return;
window.setTimeout("ZeitAnzeigen()",1000);
}
//-->
</script>
<style type="text/css">
<!--
#Uhr { position:absolute; top:1px; right:10px; }
.Uhr { font-family:Arial; font-size:10px; color:black; }
-->
</style>
<script type="text/javascript" src="dhtml.js"></script>
<script type="text/javascript">
<!--
function Menue() {
if(DOM) {
if(MS)
getElem("id","Nav",null).style.top = document.body.scrollTop + 50;
else
getElem("id","Nav",null).style.top = window.pageYOffset + 50;
}
if(DOM || MS) {
if (!DOM) getElem("id","Nav",null).style.top = document.body.scrollTop + 50;
if (OP) getElem("id","NavLinks",null).style.pixelTop = NavLinksPos;
getElem("id","Nav",null).style.visibility = "visible";
}
else if(NS) {
getElem("id","Nav",null).top = window.pageYOffset + 50;
getElem("id","Nav",null).visibility = "show";
}
}
function noMenue() {
if(DOM || MS)
getElem("id","Nav",null).style.visibility = "hidden";
if(NS)
getElem("id","Nav",null).visibility = "hide";
}
function handleMove(ev) {
if(!MS) {
Event = ev;
if(Event.screenX < 270)
Menue();
else if(Event.screenX > 420)
noMenue();
}
}
function MShandleMove() {
if(MS) {
if(window.event.clientX < 270)
Menue();
else if(window.event.clientX > 420)
noMenue();
}
}
function Event_init() {
if(DOM && !MS && !OP) {
getElem("tagname","body",0).addEventListener("mousemove", handleMove, true);
}
if(NS) {
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=handleMove;
}
if (DOM && OP) {
document.onmousemove=handleMove;
NavLinksPos=42; //Position des Bereiches NavLinks
getElem("id","NavLinks",null).style.pixelTop=NavLinksPos;
}
if (MS) getElem("tagname","body",0).onmousemove=MShandleMove;
}
//-->
</script>
<style type="text/css">
<!--
body { margin-left:50px; margin-top:20px; margin-right:50px; }
#Nav { position:absolute; top:50px; left:0px; padding:0px; visibility:hidden; margin:0px; }
#NavLinks { position:absolute; top:42px; left:42px; padding:0px; }
a.nav:link { color:#000080;
font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
a.nav:visited { color:#000080;
font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
a.nav:hover { color:#FFFFFF; background-color:#000080;
font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
a.nav:active { color:#000080;
font-family:Tahoma,sans-serif; font-weight:bold; font-size:10pt; text-decoration:none; }
-->
</style>
</head>
<body onLoad="window.setTimeout('ZeitAnzeigen()',1000)" onLoad="Event_init()" background="navigation_back.gif" bgcolor="#FFFFFF">
<div id="Uhr" class="Uhr"> </div>
<div id="Nav">
<img src="navigation.gif" width="250" height="450" border="0" alt="">
<div id="NavLinks">
<a class="nav" href="http://www.benjamin-prengel.de.vu" target="_blank"><b>Author</b></a><br>
<a class="nav" href="http://www.dazza.de.vu" target="_blank"> <b>Commissioner</b></a><br>
</div>
</div>
</body>
</html>
Ist etwas sehr lang ich weiss, aber vielleicht kann mir ja einer von euch helfen :-)
Ciao,
Benjamin