links en vids in de zelfde pagina, HELP!

Status
Niet open voor verdere reacties.
Juzzz

Juzzz

Gebruiker
Lid geworden
15 jan 2008
Berichten
281
Ik ben een lijst aan het maken van youtube muziek filmpjes.
Nu heb ik een lijst gemaakt waar je op kunt klikken en dat in een ander scherm de youtube pagina laat.

Ik wil nog een stapje verder. Ik wil dat als je op de link drukt dan dan de youtube frame er onder komt. tis een beetje moeilijk uit te leggen daarom hier mij paint skillz:P

Hier zie je provisorisch de lijst
klikfilm1.jpg


en hier als je op de link klikt:
klikfilm2.jpg


weet iemand hoe ik dit kan maken?


wat misschien ook een ander (makkelijker) alternatief is als je boven aan een vast venster hebt waar hij de youtube frame laat van de link die je klikt.


ps. ik denk dat dit wel met JS te maken heetf maar als dit de verkeerde plaatst is waar moet het dan gevraagt worden?

bij voorbaat dank


EDIT:

dit had ik gevonden:
PHP: 
<script type="text/javascript">
 function showMenu(id) {
  var obj = document.getElementById(id);
  obj.style.display = (obj.style.display != 'none' ? 'none' : 'block');
  };
</script>

<a href="javascript:showMenu('ff')">in / uit</a><br>

1234
<iframe id="ff" style="display: block" src="about:blank"></iframe>
5678
kan dit helpen? btw ik wil niet voor elke link een externe pagina maken dat is its te veel voor het goede :P
 
Laatst bewerkt:
Ik denk dat het zo zou moeten werken:

html:
<a href="#" onclick="toggle('link1')">Link 1</a>
<div id="link1" style="display:none;">youtube movie</div>

JavaScript:

function toggle(mvID){
if(document.getElementById(mvID).style.display=='block'){
document.getElementById(mvID).style.display = 'none';
} else {
document.getElementById(mvID).style.display = 'block';
}
}
 
DANK U

dat is echt letterlijk PRECIES wa tik nodig had TY

word wel ff al die frame code copieren van youtube maar ja.
 
on een voorbeeld te geven heb ik dit alvast af
Voor meer PM me maar

HTML: 
<html>
<head>
<title>Joe Satriani List</title>
<style type="text/css">
*
{
	margin: 0;
	padding: 0;
}

body
{
	width: 500px;
	margin: 10px auto;
	padding: 50;
	background: #d7e6f3;
}

ul#list
{
	width:600px;
	list-style: none;
	background-color: #d5d5d5;
	margin:0px 0px 15px 20px
}

ul#list li
{
	margin-left: 15%;
}

ul#list li a
{
	color: #ff8400;
	text-decoration: none;
}

ul#list li a:hover
{
	text-decoration: underline;
}

ul#list B
{
	margin-left: 10%;
}
</style>
<script type="text/javascript"> 
function toggle(mvID){
if(document.getElementById(mvID).style.display=='block'){
document.getElementById(mvID).style.display = 'none';
} else {
document.getElementById(mvID).style.display = 'block';
}
}
</script>
</head>
<body>
<ul id="list">
		<b>Joe satriani:</b><p>
			<li><a href="#" onclick="toggle('Made of Tears')">Joe Satriani - Made of Tears</a><div id="Made of Tears" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/oAalYg53V30&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/oAalYg53V30&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Always With Me, Always With You')">Joe Satriani - Always With Me, Always With You</a><div id="Always With Me, Always With You" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/6yc8xyL0Xxo&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/6yc8xyL0Xxo&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('The Crush Of Love')">Joe Satriani - The Crush Of Love</a><div id="The Crush Of Love" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/nG0z024Z9PM&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/nG0z024Z9PM&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Circles')">Joe Satriani - Circles</a><div id="Circles" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/gsI7ByGwIuE&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/gsI7ByGwIuE&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('until we say goodbye')">Joe satriani - until we say goodbye</a><div id="until we say goodbye" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/hAY3WeZovGk&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/hAY3WeZovGk&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('A Cool New Way')">Joe Satriani - A Cool New Way</a><div id="A Cool New Way" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/0n1ouu1cnXM&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/0n1ouu1cnXM&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Super Colossal')">Joe Satriani - Super Colossal</a><div id="Super Colossal" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/srZ969GALVg&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/srZ969GALVg&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Surfing with the Alien')">Joe Satriani - Surfing with the Alien</a><div id="Surfing with the Alien" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/MjNAeELQ_Z8&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/MjNAeELQ_Z8&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Just Like Lightnin')">Joe Satriani - Just Like Lightnin</a><div id="Just Like Lightnin" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/FXXkhQIvfhs&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/FXXkhQIvfhs&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Ten Words')">Joe Satriani - Ten Words</a><div id="Ten Words" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/0v_fFoYgsPo&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/0v_fFoYgsPo&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Summer Song')">Joe Satriani - Summer Song</a><div id="Summer Song" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/jGNgcRwKW4Q&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/jGNgcRwKW4Q&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Flying In A Blue Dream')">Joe Satriani - Flying In A Blue Dream</a><div id="Flying In A Blue Dream" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/AOsgv_X_cV8&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/AOsgv_X_cV8&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('The Extremist')">Joe Satriani - The Extremist</a><div id="The Extremist" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/c29PI3mDnwY&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/c29PI3mDnwY&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Satch Boogie')">Joe Satriani - Satch Boogie</a><div id="Satch Boogie" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/Y7qD4acDu68&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Y7qD4acDu68&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Tears in the Rain')">Joe Satriani - Tears in the Rain</a><div id="Tears in the Rain" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/K7OkebuU2ek&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/K7OkebuU2ek&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Big Bad Moon')">Joe Satriani - Big Bad Moon</a><div id="Big Bad Moon" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/VK-slJC_2TY&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/VK-slJC_2TY&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Memories')">Joe Satriani - Memories</a><div id="Memories" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/7Ok42Ifm9F4&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/7Ok42Ifm9F4&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Rubina')">Joe Satriani - Rubina</a><div id="Rubina" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/a5xzSjgatP8&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/a5xzSjgatP8&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('I Just Wanna Rock')">Joe Satriani - I Just Wanna Rock</a><div id="I Just Wanna Rock" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/78jcDwQ22OQ&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/78jcDwQ22OQ&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Cool #9')">Joe Satriani - Cool #9</a><div id="Cool #9" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/78jcDwQ22OQ&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/78jcDwQ22OQ&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('One Robot's Dream')">Joe Satriani - One Robot's Dream</a><div id="One Robot's Dream" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/e_xyyLWrnbo&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/e_xyyLWrnbo&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('up in flames')">Joe Satriani - up in flames</a><div id="up in flames" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/yvHe-fqQKNU&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/yvHe-fqQKNU&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Searching')">Joe Satriani - Searching</a><div id="Searching" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/aQO3RATXXJE&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/aQO3RATXXJE&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('War')">Joe Satriani - War</a><div id="War" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/3AodtIr9jK8&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/3AodtIr9jK8&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Midnight')">Joe Satriani - Midnight</a><div id="Midnight" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/vGNj34GSjs4&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/vGNj34GSjs4&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Crystal Planet')">Joe Satriani- Crystal Planet</a><div id="Crystal Planet" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/lZFWLEFLXqQ&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/lZFWLEFLXqQ&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('Ice 9')">Joe Satriani - Ice 9</a><div id="Ice 9" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/4vqJCOO5im4&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/4vqJCOO5im4&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
			<li><a href="#" onclick="toggle('The Mystical Potato Head Groove Thing')">Joe Satriani - The Mystical Potato Head Groove Thing</a><div id="The Mystical Potato Head Groove Thing" style="display:none;"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/tHIpXm41EK4&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/tHIpXm41EK4&rel=0&color1=0xe1600f&color2=0xfebd01&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></div></li>
</ul>
</body>
</html>
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan