Visualizzazione risultati 1 fino 6 di 6

Discussione: [JS] div a comparsa onmouseover

  1. #1
    Guest

    Predefinito [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...

  2. #2
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    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...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  3. #3
    Guest

    Post

    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>
    Ultima modifica di andreafallico : 27-07-2010 alle ore 00.53.33

  4. #4
    Guest

    Predefinito

    Citazione Originalmente inviato da dementialsite Visualizza messaggio
    Hai provato semplicemente così?
    semplicemente non ci capisco niente, ma grazie, funziona

  5. #5
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Citazione Originalmente inviato da residentevilbfth Visualizza messaggio
    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...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  6. #6
    Guest

    Predefinito

    (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...

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •