Navigation-Problem!
11.12.10, 12:24:41
Lighty
... ok, schau dir das mal an !
( beide Scripte ausgelagert, css ausgelagert - ist der Quelltext doch wesentlich übersichtlicher ) ;)
http://www.j-remmer.de/doppelwhopper/
11.12.10, 12:37:42
Doppelwhopper55
Jo, so würde mir das schon gefallen :wink:
Da hast du das ccs ausgelagert oder?
Muss ich gleich mal versuchen...... :wink:
11.12.10, 14:22:29
Doppelwhopper55
Hmm.....dat klappt nicht so wie du das da hast.
Mein Quelltext schaut jetzt exakt wie deiner aus.
Hatte zuvor das Javascript und das css in einer menue.js gespeichert und hoch geladen.
Aber irgendwie will es mal wieder nicht :sad:
Was hat es mit dieser Zeile auf sich?
Code:
1:
|
<link rel="stylesheet" type="text/css" href="css/css_1.css" />
|
Vermute mal dass das css ganz separat gelagert werden muss? Aber in welcher Dateiform und wo?
Und was genau muss in die menue.js rein??
11.12.10, 14:33:59
Lighty
Wenn du es genau so hast, musst du noch ein paar Ordner erstellen !
( css, scripts )
Diese Zeile ...
<link rel="stylesheet" type="text/css" href="css/css_1.css" />
... ist für das css ( Ordner css, Datei css_1.css )
( allerdings muss das / am Ende noch weg, das ist für xhtml ) ;)
... korrekt muss es also so aussehen !
<link rel="stylesheet" type="text/css" href="css/css_1.css">
Zitat:
Und was genau muss in die menue.js rein??
... Zeile 16 - 72 !
... guckst du hier:
http://www.j-remmer.de/doppelwhopper/scripts/menue.js
11.12.10, 15:05:56
Doppelwhopper55
Anscheinend bin ich zu blöd das zu kapieren :sad:
Die menue.js Datei:
Code:
01:
02:
03:
04:
05:
06:
07:
08:
09:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
|
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;
}
}
|
Die css_1.css Datei:
Code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
|
body { color:black; background-color:red; background-image:url(http://www.amazonencorps-frechen.de/bilder/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; }
|
Im CSS-Ordner des Html Verzeichnis auf dem Server!
Die nicht funktionierende index.html (Testversion)
Code:
01:
02:
03:
04:
05:
06:
07:
08:
09:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Amazonencorps-Frechen Home</title>
<meta name="description" content="Tanzen Spass und Karneval">
<meta name="author" content="Amazonencorps">
<meta name="keywords" content="Amazonencorps Frechen">
<meta name="keywords" content="Tanzengruppen Frechen">
<meta name="robots" content="index, follow">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/css_1.css">
<script type="text/javascript" src="http://www.amazonencorps-frechen.de/scripte/dhtml.js"></script>
<script type="text/javascript" src="http://www.amazonencorps-frechen.de/scripte/menue.js"></script>
</head>
<body onload="Event_init()">
<div id="Nav">
<img src="http://www.amazonencorps-frechen.de/bilder/navigation.gif" width="250" height="450" border="0" alt="">
<div id="NavLinks">
<a href="http://www.amazonencorps-frechen.de">Home</a><br>
<a href="http://www.amazonencorps-frechen.de/chronik.html">Chronik</a><br>
<a href="http://www.amazonencorps-frechen.de/vorstand.html">Vorstand</a><br>
<a href="http://www.amazonencorps-frechen.de/wagenverleih.html">Wagenverleih</a><br>
</div>
</div>
<h3>« Navigation </h3>
<noscript>
<a href="http://www.amazonencorps-frechen.de">Home</a><br>
<a href="http://www.amazonencorps-frechen.de/chronik.html">Chronik</a><br>
<a href="http://www.amazonencorps-frechen.de/vorstand.html">Vorstand</a><br>
<a href="http://www.amazonencorps-frechen.de/wagenverleih.html">Wagenverleih</a><br>
</noscript>
<center><img src="http://www.amazonencorps-frechen.de/bilder/plakat.jpg" /></center>
</body>
</html>
|
Verstehe es nicht :sad:
11.12.10, 15:10:00
Lighty
... ist die Seite denn aktuell aktiv !?
Weil hier
http://amazonen-corps.de/ wird mir nichts dergleichen angezeigt !?
11.12.10, 15:26:09
Doppelwhopper55
Nein ist nicht online gestellt.
Wollte erst alles soweit haben und dann hoch laden!
Das was bei dir korrekt angezeigt wird ist bei meinem Code total zerschossen :sad:
Kein Background gif mehr, das Menü steht ausserhalb vom Spielfeld und in Standardschrift! :sad:
11.12.10, 15:34:46
Lighty
... lokal wird das nicht funktionieren !?
( oder nutzt du xampp, o.ä. ) !?
Du kannst doch alles hoch laden und eine separate Datei verwenden !
( index_test.html z.B. )
11.12.10, 15:48:47
Doppelwhopper55
BINGO :up:
Das war de Knackpunkt, hab das die ganze Zeit lokal versucht...ich Dummchen.
Dann kann ich ja jetzt mal weiterbasteln :grin:
Vielen dank vorerst :grin:
P.S. Du wirst sicher bald wieder von mir hören...... :lol1:
11.12.10, 17:47:34
Doppelwhopper55
Jippieh....Yeah :grin:
Es hat geklappt, das Gerüst steht und ich kann mich dann mal um die Inhalte kümmern :wink:
Zum Testen
Aber nicht auf Home klicken sonst landest du auf der offiziellen statischen Startseite. :wink:
11.12.10, 20:37:31
Lighty
Hallo Franz !
... sieht gut aus - und noscript funktioniert auch ! :up:
11.12.10, 23:11:07
Doppelwhopper55
Jepp :wink:
an der Stelle muss ich aber auch sagen das ich ohne deine Hilfe da ziemlich auf verlorenem Posten gestanden hätte!
Im nach hinein ja logisch das es nur online funktionieren kann. Aber ab eine gewissen Punkt sieht man vor lauter Bäumen keinen Wald mehr.
Lustigerweise spinnt mein Notepad++ beim kleinen ü Umlaut, der nimmt immer das große U zum maskieren. Aber das ist ja schnell korrigiert :wink:
