cordinate mouse

[bonaprogram]

Vi dico in anticipo che nn ho potuto cercare per via della ricerca disabilitata.

Come posso fare che le cordinate x e y del mouse si vada a mettere in due campi di testi (rispettivi X e Y) ma che funzioni con tutti i browser ? :/ ho gia trovato degli script, ma vanno tutti solo su IE , su firefox nn vanno, chi mi aiuta ? THK

[Mich_]

Un metodo che funziona in tutti i browser, e` l'uso del tag <input type="image"> (dentro un form):
vengono trasferite le coordinate in modalita` get.

Pero` non so se e` applicabile al tuo problema.


Altro metodo universale sono le mappe (tag <map> e <area> ).

Pero` la precisione e` quella della mappa, non dei pixel.


Altrimenti gli eventi legati al mouse, sono da gestire caso per caso (browser per browser, anche se qualche cosa di "standard" comincia a vedersi all'orizzonte).

[bonaprogram]

ti faccio capire cosa dovrei fare:

io ho un immagine in una tabella, passandoci su col mouse (sull'immagine), dovrebbe apparire un div, posizionato sulle cordinate del mouse, e molto difficile ? :/

[bonaprogram]

[Mich_]

Potresti posizionare un div dentro la cella: in condizioni normali il div ha display:none; in condizione :hover ha display:block;

Non so l'effetto grafico come avviene. E comunque quello che usano i menu fatti solo in CSS.

In JS si potrebbe fare:
<td ...>
<img ... onmouseover="document.getElementById('ID_DIV').sty le.display='block';"
onmouseout="document.getElementById('ID_DIV').styl e.display='none';">


<div id="ID_DIV"> ... </div>
</td>

Sarebbe meglio usare dei <div> al posto del <td>, dato che il <td> e` un elemento "inline", e non supporta un "block" al suo interno. In alternativa si puo` trasformare il <td> in "block", ma questo comporta complicazioni nel CSS del td stesso.

[bonaprogram]

ho gia provato in questo modo, ma dopo c'è il problema che se il div è piu grnade della cella dopo la cella si allunga

[Mich_]

Dipende da come setti le dimensioni della cella.
Se usi i CSS, puoi utilizzare !important per definire le dimensioni. Pero` IE non lo riconosce, per cui occorre utilizzare le varie patch che si trovano in giro.
Vedi ad esempio il sito di constile.org, o altri segnalati tra i "link utili" del forum CSS e XHTML (sotto HTML).

Anche l'attributo overflow dei CSS ti potrebbe servire.