Youtube Embeds displaying on every tabbed panel
Mar 28, 2012 12:09 PM
Tags: none (add) #dreamweaver #spry #css #sprymenubars #sprytabbedpanelsSo I am having a problem with spry tabbed panels.
Everything seems to be going fine, except that every youtube video that is embeded shows on every page ( or almost every page) even though they are only contained with certain tabbedPanelContentGroups.
Is there anything to do about this? I would be happy to proivde code, but I'm hoping there is a quick fix as I would assume other people would have this problem.
Thank you very much for your time.
EDIT: I am adding code because I realized that some of the tabs don't have the problem, specifically the ones that have the soundCloud embeds (the section with <!--Cabbibo--> at the top works fine, as well as the <!--Cash Villa--> section
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="index.html"><img src="images/300 dpi Swaish.png" style="opacity:.8;" width="100%"/></a>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" style="padding-left:0px;padding-right:0px;" tabindex="0"></li>
<li class="TabbedPanelsTab" tabindex="0">Cozy</li>
<li class="TabbedPanelsTab" tabindex="0">Charles Melvin</li>
<li class="TabbedPanelsTab" tabindex="0">Pink Noise Ordinance</li>
<li class="TabbedPanelsTab" tabindex="0">Xei The Ghost</li>
<li class="TabbedPanelsTab" tabindex="0">Ded Pimpin</li>
<li class="TabbedPanelsTab" tabindex="0">ESMK</li>
<li class="TabbedPanelsTab" tabindex="0">Cabbibo</li>
<li class="TabbedPanelsTab" tabindex="0">Defense</li>
<li class="TabbedPanelsTab" tabindex="0">Ca$h Villa</li>
<li class="TabbedPanelsTab" tabindex="0">Drrty Pharmecuticals</li>
<li class="TabbedPanelsTab" tabindex="0">Supa Ape</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div class="homeLeft">
<iframe width="100%" height="500" src="http://www.youtube.com/embed/4nPAa2Xjg2Y" frameborder="0" allowfullscreen></iframe>
</div>
<div class="homeRight">
<a href="downloads/Charles Melvin - King SUPA.mp3"><img src="images/kingSupa.jpg"/></a>
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg"/></a>
<a href="downloads/Pink Noise Ordinance - Virtual Vampire.zip"><img src="images/virtualVampire.jpg" /></a>
<a href="downloads/xei le phantom - o lard.mp3"><img src="images/oLard.jpg" /></a>
</div>
</div>
<!--COZY-->
<div class="TabbedPanelsContent">
<div class="cozyLeft">
<iframe width="100%" height="150" src="http://www.youtube.com/embed/DTjeN3kvH14" frameborder="0" allowfullscreen></iframe>
<p></p>
<p></p>
<p></p>
<iframe width="100%" height="150" src="http://www.youtube.com/embed/46ucyzYpoB8" frameborder="0" allowfullscreen></iframe>
<div class="downLoad">
<a href="downloads/Charles Melvin - King SUPA.mp3"><img src="images/kingSupa.jpg"/></a>
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg"/></a>
<a href="downloads/Pink Noise Ordinance - Virtual Vampire.zip"><img src="images/virtualVampire.jpg" /></a>
</div>
</div>
<div class="cozyRight">
<iframe width="100%" height="150" src="http://www.youtube.com/embed/ay1DeoNRJUM" frameborder="0" allowfullscreen></iframe>
<p></p>
<p></p>
<p></p>
<iframe width="100%" height="150" src="http://www.youtube.com/embed/prwGrPAsEVU" frameborder="0" allowfullscreen></iframe>
<p></p>
<p></p>
<p></p>
<iframe width="100%" height="150" src="http://www.youtube.com/embed/FUQf25vrct4" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<!--END COZY-->
<!--CHARLES MELVIN-->
<div class="TabbedPanelsContent">
<div class="left">
<iframe width="100%" height="335" src="http://www.youtube.com/embed/4nPAa2Xjg2Y" frameborder="0" allowfullscreen></iframe>
<div class="downLoad2">
<a href="downloads/Charles Melvin - King SUPA.mp3"><img src="images/kingSupa.jpg"/></a>
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg"/></a>
<a href="downloads/Pink Noise Ordinance - Virtual Vampire.zip"><img src="images/virtualVampire.jpg" /></a>
</div>
</div>
<div class="right">
<iframe width="400" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src= "http://bandcamp.com/EmbeddedPlayer/v=2/track=1227280531/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://charlesmelvin.bandcamp.com/track/king-supa">King SUPA by Charles Melvin</a></iframe>
<p></p>
<p></p>
<p></p>
<iframe width="100%" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=2269435729/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://charlesmelvin.bandcamp.com/album/beatoff-vol-1">#BEATOFF Vol. 1 by Charles Melvin</a></iframe>
</div>
</div>
<!--CHARLES MELVIN END-->
<!--Pink Noise Ordinance-->
<div class="TabbedPanelsContent">
<!--Through Columns-->
<div class="left">
<iframe height="335px" width="560px" src="http://www.youtube.com/embed/jePt-ZupucE" frameborder="0" allowfullscreen></iframe>
<div class="downLoad2">
<a href="downloads/Charles Melvin - King SUPA.mp3"><img src="images/kingSupa.jpg"/></a>
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg"/></a>
<a href="downloads/Pink Noise Ordinance - Virtual Vampire.zip"><img src="images/virtualVampire.jpg" /></a>
</div>
</div>
<div class="right">
<iframe width="100%" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=2897124287/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://pinknoiseordinance.bandcamp.com/album/virtual-vampire">Virtual Vampire by Pink Noise Ordinance</a></iframe>
<br/>
<iframe width="100%" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=4238875189/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://elsuper.bandcamp.com/album/your-flower">✿Your Flower✿ by Pink Noise Ordinance</a></iframe>
<br/>
<iframe width="100%" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=2652019939/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://elsuper.bandcamp.com/album/i-slept-in-a-field">I Slept in a Field by Pink Noise Ordinance</a></iframe>
</div>
</div>
<!--Pink Noise Ordinance-->
<!--Xei-->
<div class="TabbedPanelsContent">
<div class="left">
<iframe width="100%" height="335" src="http://www.youtube.com/embed/JqvD14vC1Hs" frameborder="0" allowfullscreen></iframe>
<div class="downLoad2">
<a href="downloads/Charles Melvin - King SUPA.mp3"><img src="images/kingSupa.jpg"/></a>
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg"/></a>
<a href="downloads/Pink Noise Ordinance - Virtual Vampire.zip"><img src="images/virtualVampire.jpg" /></a>
</div>
</div>
<div class="right">
<iframe width="100%" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/track=383178372/size=venti/bgco l=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://xeilephantom.bandcamp.com/track/leviathan-ke-has-***">leviathan..(ke$ha's ***) by ghostly</a></iframe>
<br/>
<iframe width="100%" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/track=4169793453/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://xeilephantom.bandcamp.com/track/paws">paws. by xei the ghost</a></iframe>
<br/>
<iframe width="100%" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/track=4280837736/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://xeilephantom.bandcamp.com/track/real-lize-told">real.lize.told by xei le phantom</a></iframe>
<br/>
<iframe width="100%" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/track=3766529241/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://xeilephantom.bandcamp.com/track/o-lard">o lard by xei le phantom</a></iframe>
</div>
</div>
<!--Xei End-->
<!--Pimpin-->
<div class="TabbedPanelsContent">
<div class="left" >
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 30000,
width: 550,
height: 450,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
},
tweets: {
background: '#000000',
color: '#ffffff',
links: '#079beb'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
behavior: 'all'
}
}).render().setUser('@dedpimpin').start();
</script>
<div class="downLoad2">
<a href="downloads/Charles Melvin - King SUPA.mp3"><img src="images/kingSupa.jpg"/></a>
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg"/></a>
<a href="downloads/Pink Noise Ordinance - Virtual Vampire.zip"><img src="images/virtualVampire.jpg" /></a>
</div>
</div>
<div class="right">
<iframe width="100%" height="410" style="position: relative; display: block; width: 100%; height: 450px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=1425481289/size=grande3/b gcol=161616;/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://dedpimpin.bandcamp.com/album/is-brutality">is brutality by Ded Pimpin</a></iframe>
</div>
</div>
<!--End Pimpin-->
<!--ESMK-->
<div class="TabbedPanelsContent">
<div class="left">
<iframe width="100%" height="335" src="http://www.youtube.com/embed/5jxorLMcRf4" frameborder="0" allowfullscreen></iframe>
<div class="downLoad2">
<a href="downloads/Charles Melvin - King SUPA.mp3"><img src="images/kingSupa.jpg"/></a>
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg"/></a>
<a href="downloads/Pink Noise Ordinance - Virtual Vampire.zip"><img src="images/virtualVampire.jpg" /></a>
</div>
</div>
<div class="right">
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg" width="100%"/><br/>DOWNLOAD RICE CAKE</a>
</div>
</div>
<!--ESMK END-->
<!--Cabbibo-->
<div class="TabbedPanelsContent">
<div class="cozyLeft">
<iframe width="100%" height="335" src="http://www.youtube.com/embed/3h41ZgXOSlw" frameborder="0" allowfullscreen></iframe>
<div class="downLoad">
<a href="downloads/Charles Melvin - King SUPA.mp3"><img src="images/kingSupa.jpg"/></a>
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg"/></a>
<a href="downloads/Pink Noise Ordinance - Virtual Vampire.zip"><img src="images/virtualVampire.jpg" /></a>
</div>
</div>
<div class="cozyRight">
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2F tracks%2F33043097&show_artwork=true"></iframe>
<br/>
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2F tracks%2F30474430&show_artwork=true"></iframe>
<br/>
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2F tracks%2F29840842&show_artwork=true"></iframe>
</div>
</div>
<!--Cabbibo End-->
<!--Defense-->
<div class="TabbedPanelsContent">
<div class="left">
<a href=""><img src="images/elHeroic.jpg" style="position:relative;width:60%;margin-left:20%"/></a>
<div class="downLoad2">
<a href="downloads/Charles Melvin - King SUPA.mp3"><img src="images/kingSupa.jpg"/></a>
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg"/></a>
<a href="downloads/Pink Noise Ordinance - Virtual Vampire.zip"><img src="images/virtualVampire.jpg" /></a>
</div>
</div>
<div class="right">
<iframe width="400" height="100" style="position: relative; display: block; width:100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=4052682958/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://defense.bandcamp.com/album/lobello-e-p">LoBello E.P. by Defense</a></iframe>
<br/>
<iframe width="400" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=2002203858/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://defense.bandcamp.com/album/el-heroic">El Heroic by Defense</a></iframe>
<br/>
<iframe width="400" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=3191448160/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://defense.bandcamp.com/album/stitches-ep">STITCHES ep by DEFENSE</a></iframe>
</div>
</div>
<!--DEFENSE END-->
<!--Ca$h Villa-->
<div class="TabbedPanelsContent">
<div class="cozyLeft">
<iframe width="100%" height="300" scrolling="yes" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2F playlists%2F1584822&show_artwork=true"></iframe>
<div class="downLoad">
<a href="downloads/Charles Melvin - King SUPA.mp3"><img src="images/kingSupa.jpg"/></a>
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg"/></a>
<a href="downloads/Pink Noise Ordinance - Virtual Vampire.zip"><img src="images/virtualVampire.jpg" /></a>
</div>
</div>
<div class="cozyRight">
<iframe width="100%" height="300" scrolling="yes" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2F playlists%2F1596385&show_artwork=true"></iframe>
</div>
</div>
<!--Cash End-->
<!--Dirty-->
<div class="TabbedPanelsContent">
<div class="left">
<iframe width="300" height="410" style="position: relative; display: block; width: 100%; height: 335px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=2093239829/size=grande3/b gcol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://dirtypharmeceuticals.bandcamp.com/album/bieber-gone-bad">Bieber Gone Bad by ✞dirty ph△rm△ceutic△ls✞</a></iframe>
<div class="downLoad2">
<a href="downloads/Charles Melvin - King SUPA.mp3"><img src="images/kingSupa.jpg"/></a>
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg"/></a>
<a href="downloads/Pink Noise Ordinance - Virtual Vampire.zip"><img src="images/virtualVampire.jpg" /></a>
</div>
</div>
<div class="right">
<iframe width="400" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/track=1544977132/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://dirtypharmeceuticals.bandcamp.com/track/the-glorious-slay-we-ha ve-won-everythings-ours-everyone-is-dead">The Glorious Slay: We Have Won, Everything's Ours, Everyone Is Dead by I¢y Pharmaceuticals</a></iframe>
<br/>
<iframe width="400" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/track=2622775492/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://dirtypharmeceuticals.bandcamp.com/track/ain-soph">Ain Soph by I¢y Pharmaceuticals</a></iframe>
<br/>
<iframe width="400" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/track=346130186/size=venti/bgco l=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://dirtypharmeceuticals.bandcamp.com/track/my-semen-lies-dormant-m ocking-me">My Semen Lies Dormant, Mocking Me by ✞dirty ph△rm△ceutic△ls✞</a></iframe>
<br/>
<iframe width="400" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/track=3626930462/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://dirtypharmeceuticals.bandcamp.com/track/--14">αεηιουω by ✞dirty ph△rm△ceutic△ls✞</a></iframe>
</div>
</div>
<!--Dirty End-->
<!--Supa-->
<div class="TabbedPanelsContent">
<div class="left">
<iframe width="100%" height="335" src="http://www.youtube.com/embed/SU910lw4saw" frameborder="0" allowfullscreen></iframe>
<div class="downLoad2">
<a href="downloads/Charles Melvin - King SUPA.mp3"><img src="images/kingSupa.jpg"/></a>
<a href="downloads/ESMK - Rice Cake.zip"><img src="images/riceCake.jpg"/></a>
<a href="downloads/Pink Noise Ordinance - Virtual Vampire.zip"><img src="images/virtualVampire.jpg" /></a>
</div>
</div>
<div class="right">
<iframe width="300" height="410" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=3884466748/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://supaape.bandcamp.com/album/strictly-for-the-*******">Strictly for the ******* by Supa Ape</a></iframe>
<br/>
<iframe width="100%" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/album=3360886811/size=venti/bgc ol=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://supaape.bandcamp.com/album/ifuck">ifuck by Supa Ape</a></iframe>
<br/>
<iframe width="100%" height="100" style="position: relative; display: block; width: 100%; height: 100px;" src="http://bandcamp.com/EmbeddedPlayer/v=2/track=183247306/size=venti/bgco l=161616/linkcol=4285BB/" allowtransparency="true" frameborder="0"><a href="http://supaape.bandcamp.com/track/pink-sky">Pink Sky by Supa Ape</a></iframe>
</div>
</div>
<!--Supa End-->
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>
