Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1
    Utente di HTML.it L'avatar di ertele
    Registrato dal
    Mar 2008
    Messaggi
    14

    prendere le coordinate del mouse quando c'è un clik

    Ciao a tutti,
    mi scuso per il titolo che forse non è proprio chiaro , pero ora cerchero di spiegarvi bene il mio problema...

    Allora:
    io ho un div genitore mettiamo largo 400px e alto 20px...All'interno di questo div, per motivi progettuali che non vi sto a spiegare senno non finisco piu , ho un elemento a impostato, tramite css, a display: block;, quindi prende le dimensioni del div genitore (in questo caso 400x20 pixel).

    A questo punto io avrei bisogno, quando si fa click nell'elemento a, di sapere le coordinate orizzontali del click rispetto al div genitore..per coordinate orizzontali intendo dire che mi serve conoscere solamente la coordinata X e non la Y...

    Il div genitore potrebbe avere un posizionamento assoluto, oppure un posizionamento relativo, o poterbbe anche essere flottante...a me interessa conoscere la coordinata del click solamente rispetto al div genitore...

    Quindi, riprendendo il caso di prima, mettiamo che io faccia click esattamente al centro dell'elemento a, dovrei avere 200px (la larghezza era 400).

    Vi ringrazio per l'aiuto..
    ciao e buon sabato a tutti..
    tele

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Puoi provare intercettando l'evento onclick sul div contenitore...

    <div style="width:400px;height:20px;border:1px solid red;" onclick="alert(event.x)">
    jkhklj
    </div>

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it L'avatar di ertele
    Registrato dal
    Mar 2008
    Messaggi
    14
    UP
    tele

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Originariamente inviato da ertele
    UP
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    Utente di HTML.it L'avatar di ertele
    Registrato dal
    Mar 2008
    Messaggi
    14
    sembra non funzionare..il risultato dell'alert è un "undefined"...
    tele

  6. #6
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Potevi dirlo che usavi Mozilla

    onclick="alert((event.layerX)?event.layerX:event.x )"

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  7. #7
    Utente di HTML.it L'avatar di ertele
    Registrato dal
    Mar 2008
    Messaggi
    14
    mi sono scrodato di dire che uso firefox
    Comunque con il layerX funziona anche su explorer...pero c'è un problema, lui mi considera anche il marigne (che ovviamente viene trattato in maniera differente su explorer e su firefox, infatti se io mi posizione all'estreama sinistra del blocco a e clicco, non mi segna 0 (zero), ma bensì 11(su firefox) e 13(su explorer)...L'11 di firefox l'ho capito, visto che 10px sono il margin-left e 1 pixel e il bordo del div genitore...quindi l'11 di firefox ci sta pero il 13 non riesco proprio a capirlo...

    Comunque ch tu sappia, c'è un modo per non considerare il margin e considerare solamente la reale distanza che c'è dall'inizio del blocco al punto in cui si fa il click?
    tele

  8. #8
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Originariamente inviato da ertele
    mi sono scrodato di dire che uso firefox
    Comunque con il layerX funziona anche su explorer...pero c'è un problema, lui mi considera anche il marigne (che ovviamente viene trattato in maniera differente su explorer e su firefox, infatti se io mi posizione all'estreama sinistra del blocco a e clicco, non mi segna 0 (zero), ma bensì 11(su firefox) e 13(su explorer)...L'11 di firefox l'ho capito, visto che 10px sono il margin-left e 1 pixel e il bordo del div genitore...quindi l'11 di firefox ci sta pero il 13 non riesco proprio a capirlo...

    Comunque ch tu sappia, c'è un modo per non considerare il margin e considerare solamente la reale distanza che c'è dall'inizio del blocco al punto in cui si fa il click?
    Per questi aspetti ti sposto su CSS
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  9. #9
    Utente di HTML.it L'avatar di ertele
    Registrato dal
    Mar 2008
    Messaggi
    14
    come mai mi hai spostato su css??rimane comunque javascript...
    Vabbè..
    allora se qualcuno sa come risolvere la situazione..attendo notizie
    tele

  10. #10
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    se hai margin lo puoi calcolare sempre in javascript

    e sottrarre il margin-left (<elemento>.offsetLeft) dalla coordinata x
    e sottrarre il margin-top (<elemento>.offsetTop) dalla coordinata y
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.