Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Effetto apri e chiudi onClick?

    Salve a tutti! Avrei bisogno di una mano con il Javascript.
    Quello riportato qui di seguito è il codice che uso per far apparire un video, al click su una frase.

    codice:
    <a href="#"
     onclick="document.getElementById('video1').style.display='block'; return false">
    Guarda il video</a>
    <div id="video1" style="display: none;"><object
     height="355" width="425"><param name="movie"
     value="http://www.youtube.com/v/4mWUoxiLZFc&amp;rel=1"><param
     name="wmode" value="transparent">
    <embed src="http://www.youtube.com/v/4mWUoxiLZFc&amp;rel=1"
     type="application/x-shockwave-flash" wmode="transparent"
     height="355" width="425"></object></div>

    Il mio problema è questo: vorrei aggiungere una funzione in modo che ad un secondo click sulla frase "guarda il video" il video scompaia.
    Ma purtroppo non ci riesco...riuscite ad aiutarmi? Grazie!

  2. #2
    Senza tanti fronzoli...

    codice:
    <script>
    function showHide (id) {
      var obj = document.getElementById(id);
    	if (obj.style.display == "block") {
    	  obj.style.display = "none";
    	}else {
    	  obj.style.display = "block";
    	}
    }
    </script>
    
    <a href="#" onclick="showHide('video1'); return false">
    Guarda il video</a>
    <div id="video1" style="display: none;"><object
     height="355" width="425"><param name="movie"
     value="http://www.youtube.com/v/4mWUoxiLZFc&rel=1"><param
     name="wmode" value="transparent">
    <embed src="http://www.youtube.com/v/4mWUoxiLZFc&rel=1"
     type="application/x-shockwave-flash" wmode="transparent"
     height="355" width="425"></object></div>

  3. #3
    Grazie mille! Ora ho capito dove sbagliavo!

    Grazie ancora!

    Ciao!

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 © 2024 vBulletin Solutions, Inc. All rights reserved.