Gå til innhold

Skjule/ vise video

Frigg33

Av Frigg33
i Programmering og webutvikling

Anbefalte innlegg

Frigg33

Frigg33

Skrevet
Skrevet

Hallo

 

Jeg lurer på hvordan jeg kan skjule og vise video om dere forstår.

 

slik som dette:

Klikk for å se/fjerne innholdet nedenfor
Så kommer det en video her

 

Noen som kan hjelpe meg?

Videoannonse

Videoannonse
Annonse
Frigg33

Frigg33

Skrevet
  • Forfatter
Skrevet

ok...takk for svar.. jeg klarte det.. men jeg har to videoer under hverandre.. og begge skjules under den første.. hvordan får jeg de hver for seg... liksom hvordan kan jeg velge når den skal stoppe.. hvis dere skjønner? :p

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
Frigg33

Frigg33

Skrevet
  • Forfatter
Skrevet (endret)

jeg er ikke helt med.. jeg får begge under samme skjul/vis

 

 

edit: og når jeg skal åpne nummer to som er under nummer 1 så lukker bare nummer 1 seg... den åpner ikke nummer 2

Endret av suppesaft
Runar

Runar

Skrevet
Skrevet (endret)

Sorry! Glemte helt linkene for å vise/skjule videoene!

 

Legg til dette hvor det passer deg:

<a href="javascript:expandcollapse('video1')">Video1</a>

Endret av Runar
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?

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