Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080

    come tolgo via javascript un display:none?

    Ho una figura, al passaggio del mouse su questa figura mi fa appaire un livello che da css ha impostato: visibility:hidden;

    per rendere visibile il livello faccio così:
    document.getElementById(liv).style.visibility = 'visible';
    per tornare a nasconderlo faccio così:
    document.getElementById(liv).style.visibility = 'hidden';

    Il problema sta ch anzichè visibility hidden vorrei un display none, quindi di default via css avrei settato display none, una volta che passo con il mouse sopra alla figura il display none si deve eliminare...

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    allora per default il tuo livello avrà display: none; impostato nel CSS

    le istruzioni js relative diventano rispettivamente

    codice:
    document.getElementById('liv').style.display = 'block'; 
    document.getElementById('liv').style.display = 'none';
    per un livello il cui id è 'liv'

    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    tnx...

    Il js mi va in errore dicendomi "oggetto mancante" proprio sulle due righe che ho modificato.

    Ti riporto il codice:

    Immagine che mi "attiva il javascript" ha questo codice sul link:
    codice:
    onmouseover="mostra('img/foto/Imm007.jpg', 'desc1');" onmouseout="mostra('', 'desc1');
    il javascript è:
    codice:
    function mostra (cosa, liv) {
      if(cosa.length>2) {
    	document.getElementById('immagine').src = cosa;
        document.getElementById('foto').style.visibility = 'visible';
    	document.getElementById('liv').style.display = 'block'; 
    
      } else {
        document.getElementById('foto').style.visibility = 'hidden';
     	document.getElementById('liv').style.display = 'none';
      }
    }
    i div:
    codice:
    <div id="desc1">descrizione1</div>
    <div id="desc2">descrizione2</div>
    <div id="desc3">descrizione3</div>
    ...
    il livello foto (che non ho copiato) funziona correttamente, l'altro no!

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    codice:
    function mostra (cosa, liv ) {
      if(cosa.length>2) {
    	document.getElementById('immagine').src = cosa;
        document.getElementById('foto').style.visibility = 'visible';
    	document.getElementById('liv' ).style.display = 'block'; 
    
      } else {
        document.getElementById('foto').style.visibility = 'hidden';
     	document.getElementById('liv' ).style.display = 'none';
      }
    }

    Prova a togliere gli apici... se liv è un parametro della funzione poi non devi metterlo tra apici
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    Funzionaaaaaaaaaaaaaaa


    TNX

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.