Html und JavaScript / erledigt

Promizock · 11 Oktober 2006

Datei menu.htm

Code:

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

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>Admin</title>

<script type="text/javascript" src="navigation-Dateien/dhtml.js"></script>
<script type="text/javascript">
function Menue () {
  if (typeof window.pageYOffset == "number") {
    if (NS4) {
      getElement("id", "Nav").top = window.pageYOffset + 50;
    } else {
      getElement("id", "Nav").style.top = window.pageYOffset + 50;
    }
  } else {
    if (typeof document.body.scrollTop == "number")
      getElement("id", "Nav").style.top = document.body.scrollTop + 50;
  }
  if (OP)
    getElement("id", "NavLinks").style.pixelTop = NavLinksPos;
  if (NS4) {
    getElement("id", "Nav").visibility = "show";
  } else {
    getElement("id", "Nav").style.visibility = "visible";
  }
}

function noMenue () {
  if (NS4) {
    getElement("id", "Nav").visibility = "hide";
  } else {
    getElement("id", "Nav").style.visibility = "hidden";
  }
}

function handleMove (ev) {
  if (!ev)
    ev = window.event;
  var mausposition = ev.pageX ? ev.pageX : ev.clientX;
  if (mausposition < 20) {
    Menue();
  } else {
    if (mausposition > 250) {
      noMenue();
    }
  }
}

function Event_init () {
  if (document.addEventListener) {
    document.addEventListener("mousemove", handleMove, true);
  } else {
    if (NS4) {
      document.captureEvents(Event.MOUSEMOVE);
      document.onmousemove = handleMove;
    } else {
      document.body.onmousemove = handleMove;
    }
  }
  if (OP) {
    NavLinksPos = 42; // Position des Bereiches NavLinks
    getElement("id", "NavLinks").style.pixelTop = NavLinksPos;
  }
}
</script>
<style type="text/css">
body { color:black; background-color:white; background-image:url(navigation_back.gif);
  margin:0; padding:20px 50px; font-family:Tahoma,sans-serif; }
#Nav { position:absolute; top:50px; left:0; visibility:hidden; }
#NavLinks { position:absolute; top:42px; left:42px; }
#Nav a:link {color:#000080; font-weight:bold; font-size:13px; text-decoration:none; }
#Nav a:visited { color:#000080; font-weight:bold; font-size:13px; text-decoration:none; }
#Nav a:hover { color:#FFFFFF; background-color:#000080; font-weight:bold;
  font-size:13px; text-decoration:none; }
#Nav a:active { color:#000080; font-weight:bold; font-size:13px; text-decoration:none; }
</style></head><body onload="Event_init()">

<div style="visibility: hidden; top: 50px;" id="Nav">
 <img src="navigation-Dateien/navigation.gif" alt="" border="0" height="450" width="250">
 <div id="NavLinks">
  <a href="home.php" target="inhalt">Startseite</a><br>
  <a href="punkteshredderliste.php" target="inhalt">Punkteshredder Liste</a><br>
  <a href="euroshredderliste.php" target="inhalt">Euroshredder Liste</a><br>
  <a href="nichtaktiviert.php" target="inhalt">Account inaktiv</a><br>
  <a href="mändern.php" target="inhalt">TextMailÄndern</a><br>
  <a href="usergesperrt.php" target="inhalt">gesperrte User</a><br>
  <a href="mitgliederverwaltung2.php" target="inhalt">Topuserpunkte</a><br>
  <a href="statussetzen.php" target="inhalt">Member Status</a><br>
  <a href="signupbanner.php" target="inhalt">Paid2Signup</a><br>
  <a href="signupanlegen.php" target="inhalt">Signup anlegen</a><br>
  <a href="spon.php" target="inhalt">alle Paidmails</a><br>
  <a href="statistiknullen.php" target="inhalt">Mailstatistik nullen</a><br>
  <a href="minusmail.php" target="inhalt">MinusMail</a><br>
  <a href="inaktive.php" target="inhalt">Inaktive</a><br>
  <a href="adminmails.php" target="inhalt">Adminmails</a><br>
  <a href="paidbanner.php" target="inhalt">Aktive Paidbanner</a><br>
  <a href="paidbanner2.php" target="inhalt">Inaktive Paidbanner</a><br>
 </div>
</div>

<h1>Die Seite mit der pfiffigen Navigation</h1>

<p>Einfach mit die Maus Richtung linken Fensterrand bewegen.
Um das Menü wieder wegzubekommen, Maus wieder zum rechten Fensterrand bewegen.</p>

<p>Und jetzt kommen noch etliche leere Absätze, damit auch sichtbar wird,
dass das Menü immer an der gleichen Stelle angezeigt wird, egal wie weit man scrollt.</p>

<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>

<p>Na, das dürfte reichen :-)</p>

</body></html>

und die datei dhtml.js

Code:

/* DHTML-Bibliothek */

var DHTML = false, DOM = false, MSIE4 = false, NS4 = false, OP = false;

if (document.getElementById) {
  DHTML = true;
  DOM = true;
} else {
  if (document.all) {
    DHTML = true;
    MSIE4 = true;
  } else {
    if (document.layers) {
      DHTML = true;
      NS4 = true;
    }
  }
}
if (window.opera) {
  OP = true;
}

function getElement (Mode, Identifier, ElementNumber) {
  var Element, ElementList;
  if (DOM) {
    if (Mode.toLowerCase() == "id") {
      Element = document.getElementById(Identifier);
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    if (Mode.toLowerCase() == "name") {
      ElementList = document.getElementsByName(Identifier);
      Element = ElementList[ElementNumber];
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    if (Mode.toLowerCase() == "tagname") {
      ElementList = document.getElementsByTagName(Identifier);
      Element = ElementList[ElementNumber];
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    return false;
  }
  if (MSIE4) {
    if (Mode.toLowerCase() == "id" || Mode.toLowerCase() == "name") {
      Element = document.all(Identifier);
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    if (Mode.toLowerCase() == "tagname") {
      ElementList = document.all.tags(Identifier);
      Element = ElementList[ElementNumber];
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    return false;
  }
  if (NS4) {
    if (Mode.toLowerCase() == "id" || Mode.toLowerCase() == "name") {
      Element = document[Identifier];
      if (!Element) {
        Element = document.anchors[Identifier];
      }
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    if (Mode.toLowerCase() == "layerindex") {
      Element = document.layers[Identifier];
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    return false;
  }
  return false;
}

function getAttribute (Mode, Identifier, ElementNumber, AttributeName) {
  var Attribute;
  var Element = getElement(Mode, Identifier, ElementNumber);
  if (!Element) {
    return false;
  }
  if (DOM || MSIE4) {
    Attribute = Element.getAttribute(AttributeName);
    return Attribute;
  }
  if (NS4) {
    Attribute = Element[AttributeName]
    if (!Attribute) {
       Attribute = false;
    }
    return Attribute;
  }
  return false;
}

function getContent (Mode, Identifier, ElementNumber) {
  var Content;
  var Element = getElement(Mode, Identifier, ElementNumber);
  if (!Element) {
    return false;
  }
  if (DOM && Element.firstChild) {
    if (Element.firstChild.nodeType == 3) {
      Content = Element.firstChild.nodeValue;
    } else {
      Content = "";
    }
    return Content;
  }
  if (MSIE4) {
    Content = Element.innerText;
    return Content;
  }
  return false;
}

function setContent (Mode, Identifier, ElementNumber, Text) {
  var Element = getElement(Mode, Identifier, ElementNumber);
  if (!Element) {
    return false;
  }
  if (DOM && Element.firstChild) {
    Element.firstChild.nodeValue = Text;
    return true;
  }
  if (MSIE4) {
    Element.innerText = Text;
    return true;
  }
  if (NS4) {
    Element.document.open();
    Element.document.write(Text);
    Element.document.close();
    return true;
  }
}

Aufklappt Menü wollte nicht aufgehen, geht jetzt aber von alleine doch auf einmal, keine Ahnung was los war

wahnsinn · 11 Oktober 2006

... und ich glaub, dir geht's zu gut!

So ein Verhalten hat in einem Forum nichts zu suchen. Lies dir bitte mal die Regeln hier im Programmierforum durch. :roll:

Promizock · 11 Oktober 2006

wahnsinn schrieb:
... und ich glaub, dir geht's zu gut!

So ein Verhalten hat in einem Forum nichts zu suchen. Lies dir bitte mal die Regeln hier im Programmierforum durch.

das rote lämpche hät gereicht oder der post

is aber alles wieder da

wahnsinn · 11 Oktober 2006

NXGen schrieb:
das rote lämpche hät gereicht oder der post

Den Schuldigen dafür musst du leider wo anders suchen.

NXGen schrieb:
is aber alles wieder da

So ist's schön. :mrgreen:

Html und JavaScript / erledigt

Promizock

Ganz normaler User

wahnsinn

Teilzeitcholeriker

Promizock

Ganz normaler User

wahnsinn

Teilzeitcholeriker