Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Jquery menu che si apre da tabella

    Salve a tutti,
    sono alle prime armi con javascript - jquery e ho un problema nella creazione di un semplice menù a partire da un click su una cella di una tabella.

    Dunque ho una tabella e l'ultima cella contiene un'icona e io vorrei che cliccando su questa icona mi si apra un menù a destra con 2 o 3 voci, come mostra la foto:



    Questo l'ho realizzato con un onclick sull'immagine e poi con jquery mi credo un <div> a seconda della posizione del mouse... ma se ho lo scroll basso non torna più nulla e il menù mi si apre incima alla pagina, così:



    Deduco che l'uso della posizione del mouse sia da evitare, qualcuno ha una soluzione più elegante da suggerirmi?


    Grazie

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    se non ho capito male lo posizioni dove ti trovi col mouse(giusto perche' al momento coincide la vicinanza).. se si , dovresti prendere la posizione dell tag tr ,td o img(vedi tu) e poi lo piazzi li dove sta(sistemando come vuoi la distanza)

  3. #3
    Originariamente inviato da m4rko80
    se non ho capito male lo posizioni dove ti trovi col mouse(giusto perche' al momento coincide la vicinanza).. se si , dovresti prendere la posizione dell tag tr ,td o img(vedi tu) e poi lo piazzi li dove sta(sistemando come vuoi la distanza)
    Si ci avevo pensato, ma come la ricavo la posizione di tr o td o img?

    Ancora grazie

  4. #4
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    con jquery dovrebbe essere semplicissimo... cerca jquery position vedrai che trovi esempi proprio per quello.

  5. #5
    Originariamente inviato da m4rko80
    con jquery dovrebbe essere semplicissimo... cerca jquery position vedrai che trovi esempi proprio per quello.
    Esatto è semplicissimo , c'è proprio il comando .position() che restituisce left e top dell'elemento



    Grazie mille!

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 © 2025 vBulletin Solutions, Inc. All rights reserved.