Risultati da 1 a 7 di 7

Discussione: Comparsa div vicino al puntatore del mouse

  1. #1
    Malware è offline Utente del Forum
    Data Registrazione
    Jul 2012
    Messaggi
    107

    Comparsa div vicino al puntatore del mouse

    Salve a tutti

    Sto cercando un metodo veloce per far comparire un div vicino al puntatore del mouse.

    Devo scrivere tutto il codice così? (linguaggio umano-javascript misto):

    Codice:
    <script>
    
    x=coordinata x mouse;
    y=coordinata y mouse;
    
    document.getElementById("div_descrizione").style.margin-top:y+5;
    document.getElementById("div_descrizione").style.margin-left:x+5;
    
    document.getElementById("div_descrizione").style.display="block";
    
    </script>
    Oppure esiste una funzioncina veloce? Thanks

  2. #2
    L'avatar di criric
    criric è offline Moderatore
    Data Registrazione
    Aug 2010
    Località
    TN
    Messaggi
    2,446
    Ciao,
    dai un occhiata a questa

  3. #3
    Malware è offline Utente del Forum
    Data Registrazione
    Jul 2012
    Messaggi
    107
    Ciao
    Io starei cercando qualcosa di corto.
    Per le competenze che ho attualmente preferisco il mio

    Qualcosa in jquery invece? Esiste che voi sappiate?
    Ultima modifica di Malware; 20-08-2012 alle 22:04

  4. #4
    L'avatar di criric
    criric è offline Moderatore
    Data Registrazione
    Aug 2010
    Località
    TN
    Messaggi
    2,446
    a me non sembra tanto lungo
    Codice:
    <script type="text/javascript">
    <!-- Autore: Massimo Giari -->
        function add(){
            check=document.getElementById?document.getElementById("Segui"):document.layers.Segui;
            if (!document.all)
                document.captureEvents(Event.MOUSEMOVE);
            document.onmousemove = segui;
        }
        function segui(img){
            if(document.all){
                alert('ie');
                check.style.top=window.event.clientY+10+document.body.scrollTop;
                check.style.left=window.event.clientX+15+document.body.scrollLeft;
            }
            else
                if(document.getElementById){
                    check.style.top=img.pageY+10;
                    check.style.left=img.pageX+15;
                }
            else
                if(document.layers){
                    check.top=img.pageY+10;
                    check.left=img.pageX+15;
                }
        }
        window.onload=add;
    </script>
    <div id="Segui" style="position:absolute;">MrWebmaster</div>
    Sicuramente ci sara qualcosa anche in Jquery dubito pero che ci riusirai con 3 righe di codice
    Domani mattina provo a cercare qualcosa
    Ultima modifica di criric; 20-08-2012 alle 22:19

  5. #5
    L'avatar di criric
    criric è offline Moderatore
    Data Registrazione
    Aug 2010
    Località
    TN
    Messaggi
    2,446
    Ho buttato giu questo
    Codice:
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(document).mousemove(function(e){
                var x = e.pageX;
                var y = e.pageY;
                $("#muovi").css({
                    "top":y+10,
                    "left":x+10
                })
            }); 
        })
    </script>
    <div id="muovi" style="position:absolute;">MrWebmaster</div>
    Calcolando che dietro c'è tutto il framework di jquery non saprei dire qual'è il piu corto tra i due

  6. #6
    Malware è offline Utente del Forum
    Data Registrazione
    Jul 2012
    Messaggi
    107
    Corto/semplice...meglio il secondo
    Domani provo e ti sapró dire

    Intanto grazie

  7. #7
    Malware è offline Utente del Forum
    Data Registrazione
    Jul 2012
    Messaggi
    107
    Avete ragione, i captcha non servono più a niente.

Tag per Questa Discussione

Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •