• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

onklick - Funktion

Y

yabexxl

New member
Hallo,

ich möchte gerne bei einem Link mittels Funktion "onklick", dass der Mauszeiger nach dem klicken vom Link verschwindet. Also das die Position des Cursors/Mauszeigers verändert wird. Von mir aus auch in die Mitte des Bildschirmes.

Vielen Dank für Eure Hilfe,

Gruss

Samatha
 
Es heißt onclick, aber soweit mir bekannt ist, kann man die Mausposition auslesen, aber den Mauszeiger zu einer position bewegen geht nicht.

Was ich mich frage ist, wofür dein Vorhaben gut sein soll!?
 
hmm. Okay. Ich habe ein Dropdownmenu. Wenn ich dort eine Auswahl treffe, schliesst das Menu leider nicht. Das ist leider bei Tablets wie dem IPAD ein Problem, da das augeklappte Menu stehen bleibt und die Sicht verhindert. Ich bekomme es nicht hin, dass das Dropdown nach dem Klick verschwindet.

HTML: 
<HTML / Quelltextauszug>
<li class="dropdown-toggle nav-toggle" ><a href="#" onclick="return false;" class="scroll">Leistungen</a>
						<!-- DropDown Menu -->
						<ul class="dropdown-menu uppercase gray-border">
							<li><a href="#leistungen" onclick="DROPDOWN SOLL VERSCHWINDEN" class="scroll"><img src="http://forum.jswelt.de/images/icon1.png" border="0"> link</a></li>
							<li><a href="#leistungen2"  class="scroll"><img src="http://forum.jswelt.de/images/icon2.png" border="0">  link2</a></li>
							<li><a href="#leistungen3" class="scroll"><img src="http://forum.jswelt.de/images/icon3.png" border="0">  link3</a></li>
						</ul><!-- End DropDown Menu -->
					</li>


Javascript

HTML: 
/* ==============================================
Drop Down Menu Fade Effect
=============================================== */	

$('.nav-toggle').hover(function() {
	'use strict';
    $(this).find('.dropdown-menu').first().stop(true, true).slideDown(250);
    }, function() {
    $(this).find('.dropdown-menu').first().stop(true, true).slideUp(250)
 });

/* ==============================================
 
Zuletzt bearbeitet von einem Moderator:
Ui das sieht ja etwas gruselig aus. Vorallem die Mischung mit den inline-Events und dann noch a href="#"...

Wie wäre es denn mit (ungetestet):
Code: 
$('.nav-toggle').on({
	mouseenter: function () {
		$(this).find('.dropdown-menu').first().stop(true, true).slideDown(250);
	},
	mouseleave: function () {
		$(this).find('.dropdown-menu').first().stop(true, true).slideUp(250);
	}
	touchstart: function () {
		$(this).find('.dropdown-menu').first().stop(true, true).slideDown(250);
	},
	touchend: function () {
		$(this).find('.dropdown-menu').first().stop(true, true).slideUp(250);
	}
});
Besser wäre natürlich ein Minibeispiel, was man sich anschuen könnte.
 
Wenn man Mehrfachklicks auf eine Schaltfläche verhindern will, ersetzt man am besten mit dem ersten Klick die Schaltfläche gegen eine Ladegrafik. Das ist einfach zu realisieren, hat den gewünschten Effekt und der User sieht sofort, dass das System schon und noch arbeitet.
 
@mikdoe

Danke für das Lob :)
Also. In der oberen Navigtion unter dem Reiter "Leistungen" erscheinen 3 weitere Links "Baumpflege/Baumfällungen/Gehölzpflege/

Wenn man auf einen dieser Links klickt, soll nach dem Linkaufruf das Submenu wieder schließen.

Hintergund:
Ich habe zusätzlich eine Navigation für mobile Endgeräte. Doch für IPAD soll die normale Navigation wie jetzt am PC zu sehen verwendet werden, da die Auflösung groß genug ist, um alles zu erkennen.

Wenn ich mit dem IPAD auf einer dieser Liks klicke, bleibt das Submenu weiter offen, da es ja keinen klassichen Mauszeiger gibt. Das Submenu versperrt die Sicht auf die Seite.
 
du musst vermutlich nur
$(this).find('.dropdown-menu').first().stop(true, true).slideUp(250);
aufrufen, wobei $(this) gleich $('.nav-toggle') ist
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben