Gå til innhold

Skjule/ vise video

Frigg33

Av Frigg33
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
Runar

Runar

Skrevet
Skrevet (endret)

Putt dette mellom

taggene:

 

<script type="text/Javascript"> 

function expandcollapse (postid) { 
   whichpost = document.getElementById(postid); 

   if (whichpost.className=="vis") { 
      whichpost.className="skjul"; 
   } 
   else { 
      whichpost.className="vis"; 
   } 

} 
</script>
<style type="text/css">
	.skjul { display:none; }
	.vis { color:#900; }
</style>

 

Du kan selvsagt forandre på CSSen.

Og bruker denne koden der du vil ha videoen:

 

<a href="javascript:expandcollapse('video1')">Video1</a><div class="skjul" id="video1">
VIDEO1 HER
</div>

<a href="javascript:expandcollapse('video2')">Video2</a>
<div class="skjul" id="video2">
VIDEO2 HER
</div>

 

Jeg syns denne koden er det enkleste. Dessuten er det veldig lett å få flere skjul/vis elementer, bare forandre på IDen.

Live? http://vitamvitamus.com/?sub=mediebibliotek

Endret av Runar
Lenke til kommentar
Frigg33

Frigg33

Skrevet
  • Forfatter
Skrevet
Legg til dette mellom <head> taggen:
<script type="text/javascript">function toggleLayer(whichLayer)
{
if (document.getElementById)
{
var style2 = document.getElementById(whichLayer).style;style2.display = style2.display? "":"none";}
else if (document.all)
{
var style2 = document.all[whichLayer].style;
style2.display = style2.display? "":"none";
}
else if (document.layers)
{
var style2 = document.layers[whichLayer].style;
style2.display = style2.display? "":"none";
}
}</script>

 

Og dette i mellom <body>

<a href="javascript:toggleLayer('skjult');" title="Skjult tekst">Vis/skjul innhold!</a>
<div id="skjult" style="display: none;">Skjult tekst!</div>

 

Forhåndsvisning: http://nilsree.com/script/vis-skjul.php

 

Kode til forhåndsvisning:

Klikk for å se/fjerne innholdet nedenfor
<html>
<head>
  <title>Vis / skjul tekst forhåndsvisning!</title>
  
  <!-- Javascript som styrer om en div skal ha style display="none" eller ikke -->
  <script type="text/javascript">function toggleLayer(whichLayer)
   {
   if (document.getElementById)
   {
   var style2 = document.getElementById(whichLayer).style;style2.display = style2.display? "":"none";}
   else if (document.all)
   {
   var style2 = document.all[whichLayer].style;
   style2.display = style2.display? "":"none";
   }
   else if (document.layers)
   {
   var style2 = document.layers[whichLayer].style;
   style2.display = style2.display? "":"none";
   }
   }
  </script>
  <!-- Slutt på javascript! -->
</head>
<body>

  <p>
   <a href="javascript:toggleLayer('skjult');" title="Skjult tekst">
    Vis/skjul innhold!
   </a>
  </p>
  <div id="skjult" style="display: none;">
   Skjult tekst!
  </div>
</body>
</html>

 

EDIT: Endret litt på koden og la til forhåndsvisning

7476753[/snapback]

jJeg fikk til dette så langt... men begge to kommer under samm skjul/vis... atpåtil så kommer skjul/vis nummer 2 inn under skjul/vis nummer 1... og når jeg trykker på nummer 2 så skjuler nummer 1 seg... ergo... nummer 2 åpner seg ikke.. hvis du skjønner... hvordan fikser jeg dette?

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...