Comparsa div vicino al puntatore del mouse

Malware

Utente Attivo
19 Lug 2012
112
0
0
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:fonzie:):

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:)
 

Malware

Utente Attivo
19 Lug 2012
112
0
0
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:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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
 

Malware

Utente Attivo
19 Lug 2012
112
0
0
Corto/semplice...meglio il secondo
Domani provo e ti sapró dire

Intanto grazie:)
 
Discussioni simili
Autore Titolo Forum Risposte Data
A Comparsa div al click del mouse in php PHP 5
L 2 div a comparsa Javascript 2
L Comparsa e Scomparsa DIV Javascript 0
A Div a comparsa Javascript 2
Barierta Testo a comparsa con passaggio del mouse Javascript 17
G [Javascript] Campo a comparsa di select Javascript 0
S [HTML] Problema menu a comparsa HTML e CSS 5
F Righe di una tabella a comparsa con click Javascript 11
Carlito's Menu con tendina a comparsa al mouseover HTML e CSS 1
S Come realizzare una didascalia a comparsa su un'immagine? HTML e CSS 1
F Effetto comparsa header Javascript 2
braccobaldo Google e testi a comparsa: penalizzazione per testo nascosto? SEO e Posizionamento 1
K Transition CSS3 menu a comparsa HTML e CSS 1
andre9004 Jquery background-image fade (Effetto comparsa background-image) jQuery 8
G Droplist con oggetto a comparsa Javascript 26
C Campi del FORM a Scomparsa/Comparsa Automatica Javascript 1
J Comparsa di testo al passaggio del mouse sopra un'immagine Javascript 0
B comparsa quadratini all'interno del testo HTML e CSS 2
S Comparsa box al passaggio del mouse Javascript 2
B Ora però devo chiudere la tabella comparsa, come faccio? HTML e CSS 3
P comparsa di un quadrato Flash 1
Eugene Finestrelle a comparsa Javascript 1
S Popup a discesa o a comparsa Javascript 1
M Menu a comparsa [era: Ma cos'è sta roba?] Javascript 1
K css VS menu a comparsa HTML e CSS 1
Eugene Menu a comparsa con js esterno. Javascript 0
E Creare un testo trasparente dietro un div HTML e CSS 5
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
M Accordion menu e posizione div HTML e CSS 0
P jquery refresh div non funziona Javascript 0
P refresh div + scrittura/lettura dal db Javascript 1
napuleone div centrato alla pagina posto sopra ai contenuti HTML e CSS 1
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
Cosina Nascondere div di default jQuery 2
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4

Discussioni simili