+ Antworten
Ergebnis 1 bis 8 von 8

Thema: mausposition bei klick auf link anzeigen

  1. #1
    TP-Veteran alexf812 macht alles soweit korrekt Avatar von alexf812
    Registriert seit
    Sep 2004
    Beiträge
    1.370

    mausposition bei klick auf link anzeigen

    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>

  2. #2
    TP-Moderator Malleus ist ein richtiges Arbeitstier - DANKE Malleus ist ein richtiges Arbeitstier - DANKE Malleus ist ein richtiges Arbeitstier - DANKE Malleus ist ein richtiges Arbeitstier - DANKE Avatar von Malleus
    Registriert seit
    Aug 2004
    Ort
    Homburg / Saarland
    Beiträge
    711
    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>

  3. #3
    TP-Veteran alexf812 macht alles soweit korrekt Avatar von alexf812
    Registriert seit
    Sep 2004
    Beiträge
    1.370
    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

  4. #4
    TP-Moderator Malleus ist ein richtiges Arbeitstier - DANKE Malleus ist ein richtiges Arbeitstier - DANKE Malleus ist ein richtiges Arbeitstier - DANKE Malleus ist ein richtiges Arbeitstier - DANKE Avatar von Malleus
    Registriert seit
    Aug 2004
    Ort
    Homburg / Saarland
    Beiträge
    711
    Was kommt denn für eine Fehlermeldung bzw. hast Du einen Online-Link? Meine Testseite läüft nämlich einwandfrei.

  5. #5
    TP-Veteran alexf812 macht alles soweit korrekt Avatar von alexf812
    Registriert seit
    Sep 2004
    Beiträge
    1.370
    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">
    <!--
    body {
    margin: 0;
    padding: 0;
    background-image: url(pics/kachel.gif);
    background-repeat: repeat;
    }

    #layer{
    background-color: #FF0000;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50px;
    left: 50px;
    display: none;
    }
    -->
    </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]

  6. #6
    TP-Moderator Malleus ist ein richtiges Arbeitstier - DANKE Malleus ist ein richtiges Arbeitstier - DANKE Malleus ist ein richtiges Arbeitstier - DANKE Malleus ist ein richtiges Arbeitstier - DANKE Avatar von Malleus
    Registriert seit
    Aug 2004
    Ort
    Homburg / Saarland
    Beiträge
    711
    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

  7. #7
    TP-Veteran alexf812 macht alles soweit korrekt Avatar von alexf812
    Registriert seit
    Sep 2004
    Beiträge
    1.370
    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?

  8. #8
    TP-Moderator Malleus ist ein richtiges Arbeitstier - DANKE Malleus ist ein richtiges Arbeitstier - DANKE Malleus ist ein richtiges Arbeitstier - DANKE Malleus ist ein richtiges Arbeitstier - DANKE Avatar von Malleus
    Registriert seit
    Aug 2004
    Ort
    Homburg / Saarland
    Beiträge
    711
    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).

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51