Codice OnMouseOver

Suxfax

Nuovo Utente
11 Apr 2012
1
0
0
26
San Daniele del Friuli (UD)
Ragazzi su un forum di forumcommunity avrei bisogno di inserire un codice che ho scoperto si chiama OnMouseOver. In pratica c'è un immagine e se ti sposti col mouse su quell'immagine in un altro punto della pagina viene fuori una descrizione. Vi posto il sito perchè così possiate capire meglio.
http://pokemonsoul.forumcommunity.net/
Si trova nella tabella sotto la voce Staff.. se mi postate il codice ve ne sarei grato..
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
forse potresti provare semplicemente cosi:

HTML:
<script type="text/javascript">
    function apripopup() {
        window.open("pagina.html", "titolo", "width=400,height=400");
    }
</script>

<a href="#" onmouseover="apripopup()">link</a>
 

andre9004

Utente Attivo
15 Mar 2012
104
1
0
Lombardia
per me sono immagini quelle! quindi basta modificare il background image con una funzione e con il comando

Codice:
$('#id del div di cui ci passi sopra il mouse').mouseover(function() {
           $('#id del div dove cambi immagine').css("background-image", "url(/myimage.png)");
});

cosi' è molto semplice... poi puoi farla piu' complessa quindi magari passandogli il percorso dell'immagine che devi mettere e far ritornare il bg di prima ecc
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
24
Roma
alessandro1997.netsons.org
@andre9004: il codice che hai proposto funzionerà solo con jQuery, che difficilmente l'utente riuscirà ad installare su ForumFree. Inoltre mouseover non è un metodo dell'oggetto jQuery, si usa hover.

Detto ciò, credo che una cosa del genere dovrebbe funzionare:
HTML:
<img src="image.jpg" onmouseover="document.getElementById('descrizione').style.display='block';" onmouseout="document.getElementById('descrizione').style.display='hidden';" />
<p id="descrizione">Descrizione dell'immagine</p>
 
Ultima modifica:

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
24
Roma
alessandro1997.netsons.org
Ops, scusami, pare che tu abbia ragione. Ho fatto cilecca. :D
La differenza è che hover() permette di definire un callback anche per l'evento onmouseout.
Diciamo che, se proprio avessi voluto usare jQuery, hover() era meglio perché potevi far scomparire la descrizione quando il mouse non era sull'immagine.
 

andre9004

Utente Attivo
15 Mar 2012
104
1
0
Lombardia
Ops, scusami, pare che tu abbia ragione. Ho fatto cilecca. :D
La differenza è che hover() permette di definire un callback anche per l'evento onmouseout.
Diciamo che, se proprio avessi voluto usare jQuery, hover() era meglio perché potevi far scomparire la descrizione quando il mouse non era sull'immagine.

si :fonzie: alla fine di tutto è meglio se usi hover() (per questo problema) ma dato che su forumfree è difficile implementare jquery o non si puo' proprio allora devi ripiegare su javascript come ti ha detto alessandro ! :fonzie:;)
 
Discussioni simili
Autore Titolo Forum Risposte Data
L Php_aggiornamento codice PHP 3
Shyson Codice wp-login non funziona PHP 2
G Codice html Javascript 1
Shyson Modificare codice e creare link PHP 0
F Il codice php è giusto? PHP 2
napuleone Con le date il codice da di matto o forse non è così Javascript 6
napuleone visualizzare il codice senza usare gli & HTML e CSS 1
Shyson Codice che trova item casuali PHP 1
E Barra di avanzamento codice PHP PHP 4
R [c#] Proteggere il codice dell'applicazione C/C++ 0
D modificare questo codice per inserimento in text e non in tabella jQuery 1
L salvare codice html in mysql PHP 3
A eliminare caratteri diacritici con codice ascii PHP 4
M Controllo del codice fiscale/partita iva PHP 11
Z Difficoltà codice data PHP 0
I PROBLEMA CODICE INSERTION SORT C C/C++ 2
I PROBLEMA CODICE C - INSERTION SORT Presentati al Forum 1
L login con solo un codice PHP 3
M Lanciare alert se il codice fiscale è già presente nel db e lasciare la scelta di inserire all'utente PHP 42
R Modifica codice per l'upload di più file PHP 0
gandalf1959 ricercare porzioni di codice da sito gestito con WordPress WordPress 11
D verifica codice fiscale persona fisica /aziendale stesso campo HTML e CSS 1
A Aprire la window form Add Connection da codice Visual Basic 4
felino [Wordpress] Sito web con codice malevolo WordPress 7
M [PHP] Istruzione "echo" all'interno di codice html PHP 2
C Refresh parte di codice pagina php PHP 6
Shyson [PHP] Aggiungere link al codice PHP 0
felino Domini hackerati con codice malevolo Hosting 2
A come spedire SMS da codice PHP con mdem USB PHP 0
M [PHP] Come inserire codice html in un ciclo while PHP 2
G Eseguire codice solo al termine della chiamata ajax Ajax 1
X [Apache] Creare sito clone/preservare codice sorgente Apache 7
felino [Dominio] File con permessi 444 e codice malevolo Domini 3
Shyson [PHP] Codice iscrizione e invio avviso nuovi articoli PHP 3
elpirata Implementare Copy to clipboard in codice html HTML e CSS 1
L [PHP] Problema su codice o server PHP 5
Shyson [PHP] Inserire testo nel codice PHP 2
Shyson [PHP] Nascondere codice PHP 3
H cancellare avatar in codice PHP PHP 2
G [PHP] Revisione codice per registrazione PHP 8
Shyson [WordPress] [PHP] Creare codice che evidenzia nuovi articoli WordPress 0
S [WordPress] Creare una select box con partita iva e codice fiscale in base a una logica. WordPress 0
M [PHP] Codice fiscale inverso PHP 3
P [HTML] Codice non funzionante su ZP HTML e CSS 1
A Conversione Codice da mysql a mysqli Database 1
J Prendere dati del database e metterli nel codice php PHP 1
S [PHP] Verifica dati tramite form e annullamento codice inserito PHP 7
Y [PHP] Errore di login dopo aver inserito Codice AdSense PHP 0
Y Codice AdSense su script php PHP 4
Q Notice: Undefined index: codice in C:\xampp\htdocs\STAGE\calendario\modifica.php on line 10 PHP 8

Discussioni simili