zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Jquery: untermenüs nur zeigen bei mouseover und mousebewegung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.09.2009, 14:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.09.2009
Beiträge: 1
x_merlin_x befindet sich auf einem aufstrebenden Ast
Standard Jquery: untermenüs nur zeigen bei mouseover und mousebewegung

Hallo zusammen,

ich bau gerade eine große Auswahlliste mit menüs und submenüs. Die Submenüs sind versteckt und zeigen sich nur bei mouseover über das entsprechende menüelement. Die Menüs sind vertikal angeordnet.

Das Problem ist, das wenn man von oben nach unten geht mit der maus, kann es sein, das das menü darunter aufklappt da die maus sich nun beim schließen des oberen menüs sich nun über dem neuen menüpunkt befindet.

Als Lösung fällt mir nur ein, das die Funktionen mit der Mausbewegung abhängig gemacht werden. Also nur wenn der Nutzer die Maus bewegt und diese darüber ist soll das Untermenü aufklappen. Aber wie umsetzen=?

Hier ist der code den ich bisher geschrieben habe:

Code:
	<script type="text/javascript">
		$(document).ready(function(){
	        //Hide all subsubmenus
	       $(".subcategories").css("display","none"); 
	 	});
	 	
	 	function showsubsub(id) {
			var n = $('#'+id).queue("fx"); // find out how long the quene is
			//$("#testing").text("Queue length is: " + n.length);
			if (n.length == 0){ // only toggle if quene is empty
				$('#'+id).slideToggle('fast');
				$('.subcategories:not(#'+id+')').hide(700);
			}
		}
	</script>

	<!--<span id="testing"></span>-->


 onmouseover="showsubsub(34);"
Jetzt müsste man da irgendwie den mouse event reinbringen:

Code:
			$().mousemove(function(e){
				var y = e.pageY;
   			});
Aber wie?!


Ich hab auch folgendes probiert, leider ohne Erfolg:

Code:
  	function showsubsub(id) {

				$('.subcategories:not(#'+id+')').bind("mousemove", function(e){
					 hide(300);
					 $('#'+id).slideDown(600);
			 	});
				

	}

Vielen Dank für Eure Hilfe!

Viele Grüße, Merlin

Geändert von x_merlin_x (27.09.2009 um 15:42 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
jQuery fadeIn bei mouseover div Scolex Javascript & Ajax 8 17.03.2011 23:05
Jquery Code für Mouseover etwas vereinfachen connor Javascript & Ajax 8 08.03.2010 00:01
JQuery Collapsor Tharya Javascript & Ajax 0 26.02.2009 12:08
JQuery + Wordpress VoinG Javascript & Ajax 0 29.12.2008 17:03
Suckerfish mit JQuery dayscott Javascript & Ajax 1 22.10.2007 17:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:47 Uhr.