Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di Threepwood
    Registrato dal
    Feb 2003
    Messaggi
    2,107

    [CSS-JS] Position Absolute particolare

    Salve a tutti! mi sto impappinando con JS e Css..

    Devo fare una cosa del tipo che quando clicco su un link mi apre un div 50px più a sinstra della posizione del mouse (o dell'elemento cliccato, volendo)

    il problema è che con JS prendo le coordinate (es. "event.clientX" ) ma non posso passare il valore nello style del div...

    come posso fare, in pratica, per dire "APRI QUESTO DIV 50PX + a SINISTRA DELLA POSIZIONE DEL MOUSE" ?
    Guybrush Threepwood

  2. #2
    Utente di HTML.it L'avatar di Threepwood
    Registrato dal
    Feb 2003
    Messaggi
    2,107
    VARIANTE

    In alternativa a me andrebbe anche bene che il DIV si aprisse a SINISTRA dell'elemento cliccato, anzikè a destra....

    in pratica l'angolo TOP RIGHT sarebbe l'elemento cliccato...
    Guybrush Threepwood

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Da JS, per definire la posizione (in px) di un oggetto, si fa:

    document.getElementById('ID_OGGETTO').style.left = NN+'px';
    dove NN e` una variabile che contiene un numero.

    Per l'angolo a destra, devi usare .right anziche` .left
    Per la verticale devi usare .top (sempre con la stessa sintassi)

    Naturalmente l'oggetto deve avere un posizionamento assoluto o relativo, altrimenti le posizioni non hanno significato.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    Utente di HTML.it L'avatar di Threepwood
    Registrato dal
    Feb 2003
    Messaggi
    2,107
    credo sia meglio chiudre, sto cheidendo una domanda + mirata sul forum di JS...

    chi mi volesse aiutare ...

    http://forum.html.it/forum/showthrea...hreadid=889605
    Guybrush Threepwood

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.