[JS] div a comparsa onmouseover

Salve per l'ennesima voltaXD

non sapevo che titolo mettere.. e sapevo già che c'era una discussione sul div a comparsa...ma il mio dilemma è un altro...

Premetto che non so quasi nulla di Javascript e per evitare di impararmi un'intera guida per un codice...avete capito :D

ho preso il codice da un sito

Codice:

---

<script type="text/javascript" language="javascript">
function visualizza(id){
  if (document.getElementById){
    if(document.getElementById(id).style.display == 'none'){
      document.getElementById(id).style.display = 'block';
    }else{
      document.getElementById(id).style.display = 'none';
    }
  }
}
</script>

---

Codice:

---

<div id="testo"><a href="#" onMouseOver="visualizza('immagine'); return false">
Clicca qui per visualizzare l'immagine scoop</a></div>
<div id="immagine" style="display:none"><img src="http://residentevilbfth.altervista.org/immaginisito/sfondo.png" /></div>

---

il dilemma è che...non so come trasformare quel return false
in un onMouseOut="return false"

spero sia stato abbastanza chiaro sennò mi spiego meglio
Al passaggio del mouse appare l'immagine...e vorrei che quando si leva il mouse dal link l'immagine scompaia...

Hai provato semplicemente così?

Codice HTML:

---

<div id="testo"><a href="#" onmouseover="visualizza('immagine')" onmouseout="visualizza('immagine')">
Clicca qui per visualizzare l'immagine scoop</a></div>
<div id="immagine" style="display:none"><img src="http://residentevilbfth.altervista.org/immaginisito/sfondo.png" /></div>

---

Stammi bene...

Prova a vedere se così va bene.

Codice HTML:

---

<script type="text/javascript" language="javascript">
function show(id){
  var myImg = document.getElementById(id);
  if (myImg.style.display = "none" || myImg.style.display = ""){
myImg.style.display = "block";
    }else{
      myImg.style.display = "none";
    }
  }
}
function hide(id){
      var myImg = document.getElementById(id);
        if(myImg.style.display = "block"){
          myImg.style.display = "none";
        }
        else{myImg.style.display = "block";
        }
}
</script>

---

Codice:

Codice HTML:

---

<div id="testo"><a href="#" onMouseOver="show('immagine');" onmouseout="hide('immagine');">
Clicca qui per visualizzare l'immagine scoop</a></div>
<div id="immagine" style="display:none"><img src="http://residentevilbfth.altervista.org/immaginisito/sfondo.png" /></div>

---

Citazione:

---

Originalmente inviato da dementialsite

Hai provato semplicemente così?

---

semplicemente non ci capisco niente, ma grazie, funziona

Citazione:

---

Originalmente inviato da residentevilbfth

semplicemente non ci capisco niente, ma grazie, funziona

---

Pensavo che un minimo di competenza in JavaScript ce l'avessi, mi aspettavo cioè che postando quello stralcio mirato di codice (diversamente da come fanno altri che postano intere pagine HTML) tu avessi compreso quello che facesse. Ti chiedo scusa se così non è stato...

Stammi bene...

(posto per l'ultima volta sennò andiamo fuori luogo)

non ti devi scusare
mi sono espresso male io...
ho compreso ciò che fa il codice ma se dovessi farlo io da zero, non ne sarei capace, ecco...