mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 13:36 Benutzername: Passwort: Auto-Login

Thema: submenu drop down bei mouseover geht begrenzt vom 27.12.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> submenu drop down bei mouseover geht begrenzt
Seite: 1, 2  Weiter
Autor Nachricht
Johnobo
Threadersteller

Dabei seit: 28.12.2005
Ort: bei Berlin
Alter: -
Geschlecht: Männlich
Verfasst Do 27.12.2007 13:07
Titel

submenu drop down bei mouseover geht begrenzt

Antworten mit Zitat Zum Seitenanfang

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 /:

* Ööhm... ja? *

need help /:
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 27.12.2007 13:12
Titel

Antworten mit Zitat Zum Seitenanfang

kannst du mal einen live-link geben? anhand des schnipsels kann wohl keiner sagen, was bei mouseover und mouseout passiert... (ich zumindest nicht *zwinker* )
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Johnobo
Threadersteller

Dabei seit: 28.12.2005
Ort: bei Berlin
Alter: -
Geschlecht: Männlich
Verfasst Do 27.12.2007 13:28
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Wladi

Dabei seit: 29.09.2004
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Do 27.12.2007 14:25
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Johnobo
Threadersteller

Dabei seit: 28.12.2005
Ort: bei Berlin
Alter: -
Geschlecht: Männlich
Verfasst Do 27.12.2007 14:31
Titel

Antworten mit Zitat Zum Seitenanfang

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 * Ich geb auf... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 27.12.2007 15:16
Titel

Antworten mit Zitat Zum Seitenanfang

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> Grins
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 *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Wladi

Dabei seit: 29.09.2004
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Do 27.12.2007 16:52
Titel

Antworten mit Zitat Zum Seitenanfang

@pixelpapst303 recht hast du... Grins

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 *zwinker*

übrigens, in deiner css datei sind auch einige fehler

Code:
top:0px; left 0px;   

da fehlen die doppelpunkte *zwinker*


Gruß
Wladi
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 27.12.2007 17:03
Titel

Antworten mit Zitat Zum Seitenanfang

Wladi hat geschrieben:
@pixelpapst303 recht hast du... Grins

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 Grins *ha ha*

aber dieser wird sich sicher über deinen einsatz freuen * Applaus, Applaus * Grins
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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ü
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.