Autor |
Nachricht |
Johnobo
Threadersteller
Dabei seit: 28.12.2005
Ort: bei Berlin
Alter: -
Geschlecht:
|
Verfasst Do 27.12.2007 13:07
Titel submenu drop down bei mouseover geht begrenzt |
|
|
jay hey,
ich muss ein Subnav programieren, bei dme sich die
Subnavigation erst noch senkrecht ausfährt. Weil sowie
so viel animation auf die Seite sollte habe ich bis jetzt
Mootools verwendet, und alles funktioniert super, nur
bei jenem drop down net.
so ungefähr schaut der code aus:
Code: |
<div id="blablabla" onmouseover="funktion1()" onmouseout="funktion2()">
<a href=""> link </a>
<a href=""> link </a>
<a href=""> link </a>
</div>
|
so die funktioen funzen alle, wen ich rüber fahre,
fährt das menü aus und wenn ich den div verlasse
zieht er sich wieder ein. und heir das Große Problem:
wenn ich mit dme Cursor über ein <a> fahre
zeith sich das Dropdown feld wieder zusammen /:
need help /:
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 27.12.2007 13:12
Titel
|
|
|
kannst du mal einen live-link geben? anhand des schnipsels kann wohl keiner sagen, was bei mouseover und mouseout passiert... (ich zumindest nicht )
|
|
|
|
|
Anzeige
|
|
|
Johnobo
Threadersteller
Dabei seit: 28.12.2005
Ort: bei Berlin
Alter: -
Geschlecht:
|
Verfasst Do 27.12.2007 13:28
Titel
|
|
|
ok hab die mal kurz aus dem restlichem inhalt raus gestripped,
weil das sonst der kunde net so gern sieht (;
wenn man über den grauen div fährt, rollt er sich aus,
aber wenn man über das wort "übersicht" fährt, zieht
er sich im IE weider zusammen [onmouseout] und im FF
zeigt er das ausrollen nochmal. beides is falsch, denn er
soll ausgerollt bleiben /:
Live Demo
|
|
|
|
|
Wladi
Dabei seit: 29.09.2004
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Do 27.12.2007 14:25
Titel
|
|
|
Hi, ich hab es zwar nicht getestet, aber versuch dochmal die Code: | onmouseover="navSubMenuDropesOut()" | anweisung auch in den <a> tag zu packen...
das problem scheint folgendes zu sein: wenn du auf den link fährst, verlässt du sozusagen das div, bzw fühlt es nicht mehr angesprochen und fährt wieder zusammen.
Gruß
Wladi
|
|
|
|
|
Johnobo
Threadersteller
Dabei seit: 28.12.2005
Ort: bei Berlin
Alter: -
Geschlecht:
|
Verfasst Do 27.12.2007 14:31
Titel
|
|
|
ja das weiß ich ja /:
das hatte ich auch schon angedacht, aber
dann fährt es ja auch ein & aus wenn ich nin link
berühre, daher das das später mehrere rein kommen
wird das problematisch. dann
zittert mir das ding auch nur rein und raus die ganze zeite
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 27.12.2007 15:16
Titel
|
|
|
Wladi hat geschrieben: |
das problem scheint folgendes zu sein: wenn du auf den link fährst, verlässt du sozusagen das div, bzw fühlt es nicht mehr angesprochen und fährt wieder zusammen. |
das ist es wohl eher nicht, wenn du folgendes ausprobierst, kannst du über jeden link noch so lange gehen, ohne das was unerwünschtes passiert
Code: |
<div id="navDropDown" onmouseover="this.style.height='300px';" onmouseout="this.style.height='36px';" style="position:absolute;right:18px;top:2px;background-color:#333333; height:36px; width:140px; overflow:hidden;">
<a href="#">Uebersicht</a><br /><br />
<a href="#">Uebersicht</a><br /><br />
<a href="#">Uebersicht</a><br /><br />
<a href="#">Uebersicht</a><br /><br />
<a href="#">Uebersicht</a><br /><br />
<a href="#">Uebersicht</a><br /><br />
<a href="#">Uebersicht</a><br /><br />
<a href="#">Uebersicht</a><br /><br />
<a href="#">Uebersicht</a><br /><br />
<a href="#">Uebersicht</a><br /><br />
</div>
|
du denkst jetzt, das hat dir nichts geholfen, wie?? DOCH: es liegt nicht an der combi <div> und <a>
da ich im stylesheet main_nav auch nichts mit auswirkung finden kann, muss du wohl mal an die js-funktionen ran...
und die tu ich mir jetzt gerade nicht an, sorry
|
|
|
|
|
Wladi
Dabei seit: 29.09.2004
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Do 27.12.2007 16:52
Titel
|
|
|
@pixelpapst303 recht hast du...
dennoch hab ich hier die lösung für dein problem gefunden klick.
was du änder musst ist folgendes:
navi.html:
Code: | <div id="navDropDown" onmouseover="navSubMenuDropesOut()" onmouseout="if (checkMouseLeave(this, event)) {navSubMenuDropesIn()}" style="overflow: hidden; position: absolute; right: 18px; top: 2px; background-color: rgb(51, 51, 51); height: 36px; width: 140px;"> |
ersetzten in:
Code: | <div id="navDropDown" onmouseover="navSubMenuDropesOut()" onmouseout="navSubMenuDropesIn()" style="position:absolute;right:18px;top:2px;background-color:#333333; height:36px; width:140px; overflow:hidden;"> |
zeitjung.js:
Code: | // JavaScript Document
function navSliderSlidesOut() {
new Fx.Style('navSlider', 'left', {duration:500}).start(100,250);
}
function navSliderSlidesIn() {
new Fx.Style('navSlider', 'left', {duration:100}).start(250,100);;
}
function navSubMenuDropesOut() {
var submenu = document.getElementById('navDropDown');
if(submenu.offsetHeight != 180)
{
new Fx.Style('navDropDown', 'height', {duration:150}).start(36,180)
}
}
function domContains (container, containee) {
while (containee) {
if (container === containee) {
return true;
}
containee = containee.parentNode;
}
return false;
}
function checkMouseLeave (node, evt) {
if (typeof evt.relatedTarget != 'undefined') {
return !domContains(node, evt.relatedTarget);
}
else if (typeof evt.toElement != 'undefined' && typeof node.contains !=
'undefined') {
return !node.contains(evt.toElement);
}
}
function navSubMenuDropesIn() {
new Fx.Style('navDropDown', 'height', {duration:150}).start(180,36)
}
|
sag bescheid obs funktioniert
übrigens, in deiner css datei sind auch einige fehler
da fehlen die doppelpunkte
Gruß
Wladi
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 27.12.2007 17:03
Titel
|
|
|
Wladi hat geschrieben: | @pixelpapst303 recht hast du...
dennoch hab ich hier die lösung für dein problem gefunden klick.
was du änder musst ist folgendes:
... ...
sag bescheid obs funktioniert
übrigens, in deiner css datei sind auch einige fehler
....
Gruß
Wladi |
ich muss NICHTS ändern, ich habe KEINE fehler in meiner css-datei... WEEEIIILLL... ich nicht der threadgeber bin
aber dieser wird sich sicher über deinen einsatz freuen
|
|
|
|
|
|
|
|
Ähnliche Themen |
IE problem css image submenu
Emailvolumen begrenzt?
Datenmenge pro Query begrenzt?
Bildergalerie Mouseover andere Position & Mouseover Scroll
active submenu wird nicht richtig angezeigt
Drop Down Menü
|
|