onmouseover

F

famarinu

Nuovo Utente
24 Feb 2014
6
0
1
Salve,
ho questo codice:

<script type="text/javascript">
function mostra() {
document.getElementById('MyDIV').style.display='block';
}
function nascondi() {
document.getElementById('MyDIV').style.display='none';
}
function SimulaLink()
{
document.getElementById("MyDIV").innerHTML = '<img src=\"LINKIMMAGINE\">';
}
</script>

<a href="javascript:SimulaLink()" onmouseover="mostra();" onmouseout="nascondi();">CLICCA QUI</a>


<div id="MyDIV"></div>

che mi permette di visualizzare un'immagine in MyDIV, ma per visualizzare la prima volta devo cliccare, invece io vorrei che me lo visualizza senza il click, le volte successive lo visualizza senza click, perchè?
Grazie dell'aiuto!
 
marino51

marino51

Utente Attivo
28 Feb 2013
3.204
207
63
Lombardia
perché quando carichi la pagina il div è vuoto,
l'immagine è presente solo dopo che hai cliccato il link
carica subito l'immagine e aggiungi il "body"
PHP: 
<script type="text/javascript">
function mostra()
{
  document.getElementById('MyDIV').style.display='block';
}
function nascondi()
{
  document.getElementById('MyDIV').style.display='none';
}
function SimulaLink()
{
  document.getElementById("MyDIV").innerHTML = '<img src=\"RedSea.jpg\">';
}

</script>

<body onload="nascondi();">

<a href="javascript:SimulaLink()" onmouseover="mostra();" onmouseout="nascondi();">CLICCA QUI</a>

<div id="MyDIV"><img src="RedSea.jpg" /></div>

</body>
 
Ultima modifica:
F

famarinu

Nuovo Utente
24 Feb 2014
6
0
1
Grazie per la risposta, ma la prima volta devo sempre clicca sopra al link, mentre le volte successive funziona il mouseover. Come faccio a farlo apparire in automatico già la prima volta?
 
marino51

marino51

Utente Attivo
28 Feb 2013
3.204
207
63
Lombardia
famarinu ha scritto:
Grazie per la risposta, ma la prima volta devo sempre clicca sopra al link, mentre le volte successive funziona il mouseover. Come faccio a farlo apparire in automatico già la prima volta?
Clicca per allargare...
se hai la pazienza di leggere e di provare lo script ce ti ho postato vedi che funziona in automatico già la prima volta
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
T [PHP] [HTML] Action direttamente associate a onmouseover PHP 11
L onmouseover su div parenti indesiderato HTML e CSS 3
K onMouseOver su immagine Javascript 2
P onmouseover e onmouseout su hotspot Javascript 15
G Onmouseout e onmouseover funziona solo lato backend Joomla 0
K onmouseover anteprima immagine come in google Javascript 2
LolliPoppingu Problema "onmouseover". HTML e CSS 24
H Funzione onmouseover per mostrare un box con un link da cliccare? Javascript 3
B onmouseover, immagini multiple su hotspot map Javascript 3
S Codice OnMouseOver Javascript 6
I onclick non cambia l'immagine invece onmouseOver e Out si Javascript 9
K Script - onmouseover compaiono immagine e testo Javascript 15
elilabruja onmouseover in php PHP 9
E [JAVA] modificare Script per evento onmouseover Javascript 0
T Aiuto effetto onmouseover immagine si allunga e compare testo Javascript 0
I onMouseOver su immagini Javascript 23
K testo ed img alternati con onmouseover Javascript 5
K onmouseover HTML e CSS 8
J OnMouseover Slideshow Javascript 0
T Onmouseover slideshow Javascript 3
K onmouseover in altro frame Javascript 2
D Problema onmouseover Javascript 0
Z png: OnMouseOver e UseMap Javascript 5
A onMouseOver Javascript 6
S Usare onmouseover con 'campo immagine' e non al tag <img> Javascript 3
D evento onmouseover Javascript 9
sbobby OnMouseOver HTML e CSS 3
H problemi con onmouseover e GetElementById Javascript 1
M OnMouseOver non funziona Javascript 1
purno Cambio immagine con onMouseOver: HTML e CSS 7
§ onmouseover finestrella Javascript 2
C Marquee verticale che si ferma onmouseover HTML e CSS 8
W OnMouseOver su una map area HTML e CSS 5

Discussioni simili

Alto Basso