Avatar billede lundemanns Nybegynder
02. august 2010 - 22:48 Der er 8 kommentarer og
2 løsninger

Dropdown menu med flv film

Jeg er ny i hjemmesider, men har alligevel kastet mig ud i noget stort..

Min side jeg har brug for hjælp på er:
www.lundemanns.dk/film.html

Jeg vil gerne have en menu hvor man kan vælge hvilken film man vil se (Se siden) Der skal kun være en film på siden ad gangen og ikke som nu med 2 film..

Man skal kunne vælge film1, film2, film3 osv.
Når man vælger film 2 skal afspilleren vise film2
Den skal IKKE åbne i et pop-op eller en anden html side men /film.html

Nogle som kan hjælpe? Giver mit spørgsmål mening?
Avatar billede playnice Nybegynder
02. august 2010 - 23:31 #1
her er noget af løsningen

<html>
<head>
<script type="text/javascript">
function changeText()
{
var x=document.getElementById("mySelect");
document.getElementById('her').innerHTML = x.options[x.selectedIndex].value;
}
</script>
</head>
<body>
<form>
Select your favorite fruit:
<select id="mySelect">
  <option value="video1">se video 1</option>
  <option value="video2">se video 2</option>
  <option value="video3">se video 3</option>
  <option value="video4">se video 4</option>
</select>
<br /><br />
<input type="button" onclick="changeText()" value="test kun til nu ellers onchacge som du har lavet">
<div id="her"></div>
</form>
</body>
</html>
Avatar billede Slettet bruger
03. august 2010 - 09:19 #2
Jeg ku' ikke få dem til at autostarte (?) men ellers virker dette:
<form><select onChange="skiftVideo(this.options[this.selectedIndex].value)">
    <option value="nada" selected>::::::::::Vælg en film::::::::::</option>
    <option value="Casper1">Flugtforsøg Sofaland</option>
    <option value="Casper2">Far, får får får?</option>
</select></form>

<div id='daPlaya' style='border:4px dashed black;height:315px;width:400px;'>
    <H1 style='color:red;text-align:center;margin-top:123px;'>Casper Bio</H1>
    <H5 style='text-align:center;'>Vælg en film fra rullegardinet ovenfor</h4>
</div>


<SCRIPT>
function skiftVideo( nyVideo )
    {
    var standardKlump =
"<EMBED height='315' type='application/x-shockwave-flash' width='400' src='Flash/player.swf' loop='true' play='true' allowFullScreen='true' allowScriptAccess='never' allowNetworking='internal'  quality='high' flashvars='/Flash/#####.flv&#8465;=/Flash/preview1.jpg' originalHeight='315' originalWidth='400'>"

    if (nyVideo != "nada")
        document.getElementById("daPlaya").innerHTML =
            standardKlump.replace("#####",nyVideo)
    }
</SCRIPT>
Avatar billede lundemanns Nybegynder
03. august 2010 - 09:58 #3
Tak for de fine svar. Jeg har prøvet begge og syntes bedst om T4NK3R forslag, og har derfor valgt at gå videre med den.

Men jeg kan ikke få den til at virke ordenligt. Den vil ikke afspille filmene.
Autostart behøves ikke!
Avatar billede Slettet bruger
03. august 2010 - 10:17 #4
Jamen så må du jo ha' ødelagt noget  :P

Ja:
Fjernet ".flv" fra klumpen (efter #####). Men kun tilføjet ".flv" til value på den ene film-option.
- Men det er ikke bare det...

Måske kan den ikke li' at der er to aktive instanser af samme film..
- Prøv at kommentere de to oprindelige <EMBED>'er ud:

<!--

Alt herinde ignoreres af browseren - men kan blive stående, hvis du sku' få brug for det senere

-->
Avatar billede lundemanns Nybegynder
03. august 2010 - 10:28 #5
Du har fanget mig lige i det jeg har prøvet mig lidt frem... Detfor rodet med .flv hihi... (Lean by doing)

Men jeg har nu fjernet de andre film ikke med din kode, men helt væk fra filen....
De skulle jo ikke være der når rullemenuen virker.

Men når jeg vælger en film i menuen så kan den ikke afspille. Der sker intet ved klik på play.
Avatar billede Slettet bruger
03. august 2010 - 10:51 #6
Hmm sært - den skriver noget med "longtailvideo.com" nederst...?

Det virker fint her (hele siden, blot med absolutte URL'er):

<HTML>
<HEAD><TITLE>Film - Lundemann's hjemmeside . www.lundemanns.dk</TITLE>
<STYLE type=text/css>
body, p, td        { font-family:verdana;  font-size:8pt;  font-weight:normal;  color:#000000;  margin:0px;}
ul, ol, blockquote    { margin: 0px 0px 0px 40px;  padding:0px;}
ul            { list-style-type:disc;}
h1            { font-family:verdana;  font-size:18pt;  font-weight:normal;  color:#000000;  margin:0px;}
h2            { font-weight:normal;  font-size:18pt;  margin:0px;}
h3            { font-weight:normal;  font-size:16pt;  margin:0px;}
h4            { font-weight:normal;  font-size:14pt;  margin:0px;}
pre            { margin:0px;}
a            { color:#cc9966;  text-decoration:none;}
a:hover            { color:#dca976;  text-decoration:none;}
.menu td        { color:#000000;  font-size:9pt;  text-decoration:none;}
.menu td a        { color:#000000;  font-size:9pt;  text-decoration:none;}
.menu td a:hover    { color:#ff9900;  font-size:9pt;  text-decoration:none;}
</STYLE>

<SCRIPT>
function skiftVideo( nyVideo )
    {
    var standardKlump =
"<EMBED height='315' type='application/x-shockwave-flash' width='400' src='http://www.lundemanns.dk/Flash/player.swf' loop='true' play='true' allowFullScreen='true' allowScriptAccess='never' allowNetworking='internal'  quality='high' flashvars='file=http://www.lundemanns.dk/Flash/#####.flv&image=http://www.lundemanns.dk/Flash/preview1.jpg' originalHeight='315' originalWidth='400'>"

    if (nyVideo != "nada")
        document.getElementById("daPlaya").innerHTML = standardKlump.replace("#####",nyVideo)
    }
</SCRIPT>

</HEAD>
<BODY style="MARGIN: 0px; BACKGROUND: url(http://www.lundemanns.dk/images/goldfish/site-background.gif) #ffffff repeat-x">
<DIV id=maindiv1 align=center><DIV id=maindiv2 style="WIDTH: 800px; POSITION: relative">
<TABLE style="POSITION: relative; WIDTH: 800px; BORDER-COLLAPSE: collapse; BACKGROUND: #ffffff" id=maintable border=0 cellSpacing=0 cellPadding=0 width=800 align=center>
<TBODY>
<TR>
<TD vAlign=top>
<TABLE style="WIDTH: 800px; BORDER-COLLAPSE: collapse; HEIGHT: 39px" cellSpacing=0 cellPadding=0 width=800 height=39>
<TBODY>
<TR>
<TD>
<P> </P></TD></TR></TBODY></TABLE>

<TABLE style="WIDTH: 800px; BORDER-COLLAPSE: collapse; HEIGHT: 113px" cellSpacing=0 cellPadding=0 width=800 height=113>
<TBODY>
<TR>
<TD style="BACKGROUND: url(http://www.lundemanns.dk/images/goldfish/top-pic.jpg) no-repeat">
<P> </P></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width=800>
<TBODY>
<TR>
<TD vAlign=top width=280 align=middle>
<P> </P>
<P> </P>
<P>
<TABLE style="BORDER-COLLAPSE: collapse" class=menu border=0 cellSpacing=0 cellPadding=0 width=195 meta="menu" metaid="Film">
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #999999 1px solid; PADDING-BOTTOM: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; BORDER-TOP: #999999 1px solid; PADDING-TOP: 6px" vAlign=center align=left><A href="http://www.lundemanns.dk/">Forside</A></TD></TR>

<TR>
<TD style="BORDER-BOTTOM: #999999 1px solid; PADDING-BOTTOM: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; BORDER-TOP: #999999 1px solid; PADDING-TOP: 6px" vAlign=center align=left><A href="http://billeder.lundemanns.dk/" target=_blank>Billeder</A></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: #999999 1px solid; PADDING-BOTTOM: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; BORDER-TOP: #999999 1px solid; PADDING-TOP: 6px" vAlign=center align=left><A href="/film.html">Film</A></TD></TR></TBODY></TABLE></P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P></TD>
<TD style="PADDING-LEFT: 12px; PADDING-RIGHT: 70px" vAlign=top>
<P> </P>
<P> </P>
<H1>Film</H1>
<P> </P>

<P> </P>
<P><I>Her vil der komme film hvis jeg kan finde ud af det.</I></P>
<P> </P>

<form><select onChange="skiftVideo(this.options[this.selectedIndex].value)">
    <option value="nada" selected>::::::::::Vælg en film::::::::::</option>
    <option value="Casper1">Flugtforsøg Sofaland</option>
    <option value="Casper2">Far, får får får?</option>
</select></form>

<div id='daPlaya' style='border:3px dashed black;height:315px;width:400px;'>
<H1 style='color:red;text-align:center;margin-top:123px;'>Casper Bio</H1>
<H5 style='text-align:center;'>Vælg en film fra menuen ovenfor</h4>
</div>

<!--
<P>&nbsp;</P>

<P><EMBED height=315 type=application/x-shockwave-flash width=400 src=http://www.lundemanns.dk/Flash/player.swf loop="true" play="true" allowFullScreen="true" allowScriptAccess="never" allowNetworking="internal"  quality="high" flashvars="file=http://www.lundemanns.dk/Flash/Casper1.flv&amp;image=http://www.lundemanns.dk/Flash/preview1.jpg" originalHeight="315" originalWidth="400"></P>

<P>&nbsp;</P>

<P><EMBED height=315 type=application/x-shockwave-flash width=400 src=http://www.lundemanns.dk/Flash/player.swf loop="true" play="true" allowFullScreen="true" allowScriptAccess="never" allowNetworking="internal"  quality="high" flashvars="file=http://www.lundemanns.dk/Flash/Casper2.flv&amp;image=http://www.lundemanns.dk/Flash/preview2.jpg" originalHeight="315" originalWidth="400"></P>
-->

<P> </P>
<P> </P></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse" border=0 cellSpacing=0 cellPadding=0 width=800 height=3>
<TBODY>
<TR>
<TD><IMG src="/images/goldfish/line.gif" width="100%" height=1></TD></TR></TBODY></TABLE>

<TABLE style="BORDER-COLLAPSE: collapse" border=0 cellSpacing=0 cellPadding=0 width=800 height=30 Zalign="left">
<TBODY>
<TR>
<TD vAlign=center align=middle>
<P>Casper • Maria • Morten • Nanna</P></TD></TR></TBODY></TABLE>
<TABLE style="POSITION: absolute; WIDTH: 35%; BORDER-COLLAPSE: collapse; HEIGHT: 20px; TOP: 20px; RIGHT: 80px" border=0 cellSpacing=0 cellPadding=0 width="35%">
<TBODY>
<TR>
<TD vAlign=top align=right><B><A href="www.lundemanns.dk</A></B></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>" target="_blank">http://www.lundemanns.dk/">www.lundemanns.dk</A></B></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</DIV></DIV>
</BODY>
Avatar billede lundemanns Nybegynder
03. august 2010 - 11:07 #7
Så virker det... Satte hele din kode ind....
Yes.... Mange tak for hjælpen.

Jeg skal bare ændre lidt hist og pist... Og så tager jeg en url ad gangen og ser om det kan være dem som har drillet.  tror jeg bare ikke!


Men du skal have mange tak for hjælpen...
Avatar billede lundemanns Nybegynder
03. august 2010 - 11:10 #8
hov fik selv lavet et svar :D
Jeg er på vej ud af døren desværre... Typisk når det virker så har man ikke tid til at lege med det!

Men post et svar så accepter jeg det med det samme! Så vender jeg tilbage når/hvis jeg finder ud af hvorfor det ikke virkede.
Avatar billede Slettet bruger
03. august 2010 - 13:07 #9
Ja, det må du meget gerne, for jeg forstår det heller ikke..
Avatar billede lundemanns Nybegynder
03. august 2010 - 15:51 #10
Så kom siden til at køre optimalt.
Jeg fandt aldrig fejlen men det virker.
Jeg har ændret alle url så de ikke indeholder http://www.lundemanns.dk
Og det virker endnu!

Til andre som vil kaste sig i gang med deres egen bio så kan i se koden her på tråden og evt på min side

http://www.lundemanns.dk/film.html

Men igen tak for hjælpen.
Så skal jeg bare uploade film og udvide siden.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester