Salve ragazzi,
avrei bisogno di un aiuto.
Avete presente gli effetti onMouseOver ? Bene, ora andate su Facebook e mantenete il puntatore del mouse sul nome di un vostro amico.
Apparirà un piccolo riquadro con l'immagine, del testo, ecc..
Come faccio a ottenere quell'effetto??
Qualcuno sa come si fa??
Grazie!!
Io ho usato la plugin per jQuery che si chiama BubblePopup. Cerca un po', vedi se può fare al caso tuo.
Grazie mille! Ora provo e ti dico!!
Ehm....ho scaricato il tutto ma......come faccio ad applicarlo?? Non c'è nessuna spiegazione e io non sono ancora molto pratico di javascript...
Devi prima di tutto referenziare il javascript all'interno della pagina (nel tag <head>). Hai bisogno dei javascript di jQuery e del plugin bobblePopUp che hai già scaricato.
Ti crei i contenuti della pagina, e quanto vuoi che un popup si apra sopra un determinato elemento, gli applichi l'azione.
Esempio:
dove mioDiv è il div sul quale passi sopra col mouse, e questo codicecodice:$('#mioDiv').SetBubblePopup({ innerHtml: 'Qui dentro ci metti i contenuti che vuoi: tag img, paragrafi, testo...' });
è quello che istanzia il popup vero e proprio.codice:SetBubblePopup({ innerHtml: 'Qui dentro ci metti i contenuti che vuoi: tag img, paragrafi, testo...'
Se ti studi il codice della pagina di esempio, vedrai che ti sarà tutto più semplice.
Altrimenti c'è una bella documentazione, molto semplice e completa!
Puoi linkare il sito da dove l'hai scaricato?
Personal Home Page
Scrivilo su Google e i primi risultati usciranno...anzi c'è anche un articolo qui su html.it che secondo me è molto più efficiente. Ti fa capire molto bene la "meccanica" dell'elemento.
Link 1 = http://javascript.html.it/articoli/l...ascript-e-css/
Link 2 = http://javascript.html.it/articoli/l...bble-tooltips/
una domanda... questa funzione è applicabile anche ad un immagine o solo a del testo?
Io non so risponderti..
La ritieni molto cotruttiva e utile questa tua affermazioneOriginariamente inviato da walterdolce
Io non so risponderti..
Hai provato? Se la risposta è si ma non funziona dai tutte le informazioni possibili per trovare una soluzioneOriginariamente inviato da carabine
una domanda... questa funzione è applicabile anche ad un immagine o solo a del testo?
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Permessi di invio
Rispondi quotando