Autor |
Nachricht |
mizkA
Threadersteller
Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 42
Geschlecht:
|
Verfasst Fr 13.05.2005 08:38
Titel [Javascript] Navigation |
|
|
Jaaa jaaaa hab schon die Suche benutzt und daher auch den Code uuund bei selfhtml werd ich auch grad nich schlau.........Sind meine ersten Gehversuche mit Javascript und ja ich weiß es geht auch anders.........
Folgendes Probläääm:
Code: |
<script type="text/javascript">
<!--
function show(divid) {
document.getElementById("cat1").style.display="none";
document.getElementById("cat2").style.display="none";
document.getElementById(divid).style.display="inline";
}
//-->
</script>
im Body:
<a href="#" onmouseover="show('cat1')"><img src="images/navitest.jpg" border="0"></a><br>
<div id="cat1" style="display:none">
<a href="#" class="sub">Unterpunkt 1</a><br>
<a href="#" class="sub">Unterpunkt 2</a><br>
<a href="#" class="sub">Unterpunkt 3</a><br>
</div>
|
So ich möchte nun noch ein "onMouseOut" einbauen.... Im Moment ist es nämlich so, dass die Unterpunke nur dann verschwinden, wenn ich auf einen weiteren Navigationspunkte fahre, ich möchte aber dass sie verschwinden, wenn ich mit der Maus von dem Bild gehe. You know what i mean???
Sollte für euch eigentlich kein Problem sein, nur ich sitz hier grad und raff gar nix mehr
|
|
|
|
|
caZpa
Account gelöscht
Ort: -
|
Verfasst Fr 13.05.2005 08:48
Titel Re: [Javascript] Navigation |
|
|
mizkA hat geschrieben: | Jaaa jaaaa hab schon die Suche benutzt und daher auch den Code uuund bei selfhtml werd ich auch grad nich schlau.........Sind meine ersten Gehversuche mit Javascript und ja ich weiß es geht auch anders.........
Folgendes Probläääm:
Code: |
<script type="text/javascript">
<!--
function show(divid) {
document.getElementById("cat1").style.display="none";
document.getElementById("cat2").style.display="none";
document.getElementById(divid).style.display="inline";
}
//-->
</script>
im Body:
<a href="#" onmouseover="show('cat1')"><img src="images/navitest.jpg" border="0"></a><br>
<div id="cat1" style="display:none">
<a href="#" class="sub">Unterpunkt 1</a><br>
<a href="#" class="sub">Unterpunkt 2</a><br>
<a href="#" class="sub">Unterpunkt 3</a><br>
</div>
|
So ich möchte nun noch ein "onMouseOut" einbauen.... Im Moment ist es nämlich so, dass die Unterpunke nur dann verschwinden, wenn ich auf einen weiteren Navigationspunkte fahre, ich möchte aber dass sie verschwinden, wenn ich mit der Maus von dem Bild gehe. You know what i mean???
Sollte für euch eigentlich kein Problem sein, nur ich sitz hier grad und raff gar nix mehr |
Code: |
<script type="text/javascript">
<!--
function show(divid) {
document.getElementById("cat1").style.display="none";
document.getElementById("cat2").style.display="none";
document.getElementById(divid).style.display="inline";
}
function hide() {
document.getElementById("cat1").style.display="none";
document.getElementById("cat2").style.display="none";
}
//-->
</script>
im Body:
<a href="#" onmouseover="show('cat1')"><img src="images/navitest.jpg" border="0"></a><br>
<div id="cat1" style="display:none" onmouseout="hide()">
<a href="#" class="sub">Unterpunkt 1</a><br>
<a href="#" class="sub">Unterpunkt 2</a><br>
<a href="#" class="sub">Unterpunkt 3</a><br>
</div>
|
versuch mal so
|
|
|
|
|
Anzeige
|
|
|
mizkA
Threadersteller
Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 42
Geschlecht:
|
Verfasst Fr 13.05.2005 08:53
Titel
|
|
|
Supiiii danke!!!!!!!
Ganz so gings zwar nicht aber so:
Code: | <a href="#" onmouseover="show('cat1')" onmouseout="hide('cat1')"><img src="images/navitest.jpg" border="0"></a><br>
<div id="cat1" style="display:none">
<a href="#" class="sub">Unterpunkt 1</a><br>
<a href="#" class="sub">Unterpunkt 2</a><br>
<a href="#" class="sub">Unterpunkt 3</a><br>
</div> |
Noch ne Frage:
Wenn ich das ganze jetzt quasi ÜBER den Contentbereich untendrunter legen will also dass sich der Contentbereich nicht nach unten verschiebt sondern die Navigation das ganze überlappt Wie mach ich das?!?!?!?
Zuletzt bearbeitet von mizkA am Fr 13.05.2005 08:54, insgesamt 1-mal bearbeitet
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Fr 13.05.2005 08:58
Titel
|
|
|
mizkA hat geschrieben: |
Noch ne Frage:
Wenn ich das ganze jetzt quasi ÜBER den Contentbereich untendrunter legen will also dass sich der Contentbereich nicht nach unten verschiebt sondern die Navigation das ganze überlappt Wie mach ich das?!?!?!? |
Wenn ich dich jetz richtig verstanden habe:
nimm visibility:hidden / visible statt display:none / inline
|
|
|
|
|
mizkA
Threadersteller
Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 42
Geschlecht:
|
Verfasst Fr 13.05.2005 09:04
Titel
|
|
|
hmmm ok dann hab ich mich undeutlich ausgedrückt Sorry!!!!!!
Ich meinte sowas wie hier:
Beispiel Navigation
Nicht auf die Seite achten es geht mir nur um die Navigation
Man beachte: Die Seite, auf der ich so eine Navigation einbauen soll, ist mit Tabellen gebaut!!!!!
*EDIT*
nun is mir grad eingefallen, dass ich ja bei der obigen Funktion die Unterpunkte gar nich anwählen kann *löl* Weil sobald ich ja von dem Hauptnavigationspunkt weggehe dann klappts ja wieder zu
OHHHHHHHHH BLÖÖÖÖÖÖÖÖÖÖÖÖÖÖÖÖD DOOOOOOOOOOOOOOF
Zuletzt bearbeitet von mizkA am Fr 13.05.2005 09:14, insgesamt 1-mal bearbeitet
|
|
|
|
|
caZpa
Account gelöscht
Ort: -
|
Verfasst Fr 13.05.2005 09:17
Titel
|
|
|
mizkA hat geschrieben: | hmmm ok dann hab ich mich undeutlich ausgedrückt Sorry!!!!!!
Ich meinte sowas wie hier:
Beispiel Navigation
Nicht auf die Seite achten es geht mir nur um die Navigation
Man beachte: Die Seite, auf der ich so eine Navigation einbauen soll, ist mit Tabellen gebaut!!!!!
*EDIT*
nun is mir grad eingefallen, dass ich ja bei der obigen Funktion die Unterpunkte gar nich anwählen kann *löl* Weil sobald ich ja von dem Hauptnavigationspunkt weggehe dann klappts ja wieder zu
OHHHHHHHHH BLÖÖÖÖÖÖÖÖÖÖÖÖÖÖÖÖD DOOOOOOOOOOOOOOF |
genau
bei meiner variante verschwindet das menü nicht, wenn man nicht mal mit der maus drübergefahren ist...
hmm
zu deinem anderen problem:
position: absolute;
http://jendryschik.de/wsdev/css/fixed/
|
|
|
|
|
mizkA
Threadersteller
Dabei seit: 07.11.2003
Ort: Saarbrücken
Alter: 42
Geschlecht:
|
|
|
|
|
caZpa
Account gelöscht
Ort: -
|
Verfasst Fr 13.05.2005 09:41
Titel
|
|
|
also im firefox passiert das niks
|
|
|
|
|
|
|
|
Ähnliche Themen |
JavaScript-Navigation geblockt: Popupblocker in IE6 was tun?
Navigation mit javascript ausgelagert - wo ist der Fehler
Javascript-Navigation Problem mit Schriftfarbe
mein Problem: CSS/JavaScript-DropDown-Navigation
[JavaScript] GoogleMaps API Navigation anpassen/Formular/...
Dreamweaver Navigation über Javascript-Slideshow einfügen
|
|