mausposition bei klick auf link anzeigen

alexf812 · 24.01.2006, 15:13

hallo,

bei dem unteren script wird mir die mausposition immer angezeigt, auch wenn ich ausserhalb des links klicke, ich möchte sie aber nur angezeigt bekommen, wenn ich auf dme link selbst bin...wie kann ich das machen?

Code:

function init_mousemove() {
        if(document.layers) document.captureEvents(Event.CLICK);
        document.onclick = maus;
}

function maus(e)
{
	x = e ? e.pageX : window.event.x;
	y = e ? e.pageY : window.event.y;
	alert(x);
}
<a href="#" onClick="init_mousemove();return false;">klickkkkkkkkkkkkkkkkkk</a>

Malleus · 24.01.2006, 19:39

Versuch's mal damit:

Code:

function maus(e)
{
x = e.pageX || window.event.x;
y = e.pageY || window.event.y;
alert(x);
}


<a href="#" onClick="maus(event);return false;">klickkkkkkkkkkkkkkkkkk</a>

alexf812 · 24.01.2006, 21:19

hmm das geht leider nicht, bekomm da ne fehlermeldung.

was ich eigentlich machen will, ist ein layer aufblenden lassen bei klick, da aber dieser eine feste position hat soll er diese ändern je nach mausposition, wenn jemand das browserfenster verkleinert.

oder vielleicht gibts da ne andere lösung? ich möchte sowas ähnliches haben wie hier im forum wenn man auf suchen klickt

Malleus · 24.01.2006, 21:23

Was kommt denn für eine Fehlermeldung bzw. hast Du einen Online-Link? Meine Testseite läüft nämlich einwandfrei.

alexf812 · 24.01.2006, 21:33

also im firefox geht, aber da kan nich überall hinklicken und es geht nur so wie vorher. im ie kmmt pagex is null oder kein objekt.

oder hast du evtl. ne besser lösung für meine funktionalität. ich habe dasschon ofter mal gesehen... hier mal mein code:

[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>test</title>
<script language="javascript">
function init_mousemove() {
if(document.layers) document.captureEvents(Event.CLICK);
document.onclick = maus;
}

function maus(e)
{
x = e.pageX || window.event.x;
y = e.pageY || window.event.y;
alert(x);
}
</script>
<style type="text/css">

</style>
</head>
<body>
<p>ffcgfgf fdgfgfgdfgfgdgf fdgdfgf dfgdfgd dsgdfgdf dfg dfgdfgdf gdfgdf g
ffcgfgf fdgfgfgdfgfgdgf fdgdfgf dfgdfgd dsgdfgdf dfg dfgdfgdf gdfgdf g
ffcgfgf fdgfgfgdfgfgdgf fdgdfgf dfgdfgd dsgdfgdf dfg dfgdfgdf gdfgdf g
ffcgfgf fdgfgfgdfgfgdgf fdgdfgf dfgdfgd dsgdfgdf dfg dfgdfgdf gdfgdf g
ffcgfgf fdgfgfgdfgfgdgf fdgdfgf dfgdfgd dsgdfgdf dfg dfgdfgdf gdfgdf g
ffcgfgf fdgfgfgdfgfgdgf <a id="xx" href="#" onClick="init_mousemove();return

false;">klickkkkkkkkkkkkkkkkkk</a> fdgdfgf dfgdfgd dsgdfgdf dfg dfgdfgdf

gdfgdf g
</p>
<p>ffcgfgf fdgfgfgdfgfgdgf fdgdfgf dfgdfgd dsgdfgdf dfg dfgdfgdf gdfgdf g
ffcgfgf fdgfgfgdfgfgdgf fdgdfgf dfgdfgd dsgdfgdf dfg dfgdfgdf gdfgdf g
ffcgfgf fdgfgfgdfgfgdgf fdgdfgf dfgdfgd dsgdfgdf dfg dfgdfgdf gdfgdf g
ffcgfgf fdgfgfgdfgfgdgf fdgdfgf dfgdfgd dsgdfgdf dfg dfgdfgdf gdfgdf g
ffcgfgf fdgfgfgdfgfgdgf fdgdfgf dfgdfgd dsgdfgdf dfg dfgdfgdf gdfgdf g
ffcgfgf fdgfgfgdfgfgdgf fdgdfgf dfgdfgd dsgdfgdf dfg dfgdfgdf gdfgdf g
</p>
<div id="layer">huhu</div>
</body>
</html>
[code]

Malleus · 24.01.2006, 23:25

Du hast mein Script nicht komplett übernommen

Ändere mal Dein "A" ab:

Code:

<a id="xx" href="#" onClick="maus(event);return false;">

Dann gibt's eine Alert-Meldung

alexf812 · 24.01.2006, 23:37

supi....sorry hatte nich richtig geguckt.

könntest du mir das mal kurz erklären? wird durch den parameter event die obere funktion überflüssig bzw. wird die dadurch automatisch aufgerufen?

Malleus · 25.01.2006, 19:45

Ja, die andere Funktion brauchst Du nicht mehr. Da wurde auch noch mit "layers" gearbeitet, die man jetzt eigentlich nicht mehr braucht ( außer Du willst noch den uralten Netscape unterstützen)

Mit dem "neuen" Link wird beim Daraufklicken die Funktion "maus" aufgerufen. Dieser Funktion wird das dazugehörige Ereignis "event" übergeben. Dieses Event hat dann die Eigenschaft "pageX" bzw. "x" ( hängt vom Browser ab).