DaletonaDave
06-13-2007, 04:37 PM
I have a "jukebox" on this page:
http://www.daletonadave.com/juke.html
It uses a "two-stage" form. First stage has categories, second stage has the selections from first stage category. Finally a play button that actually launches the links.
I'd like to use the same thing on a video page, but open the links (html pages) into an iframe named "window1" on the same page. Is this possible? I've tried quite a few different things with no luck. Can someone help me out?
Here is the code that I'm using sorry for all the extra stuff in it. It's contained in a table with graphics, etc.
<!-- START OF JUKEBOX CODE -->
<form name="midijukebox">
<center><a name="TOP"><table BORDER=2 CELLSPACING=0 CELLPADDING=2 COLS=1 WIDTH="450" BGCOLOR="#9933CC">
<tr>
<td ALIGN=CENTER VALIGN=TOP>
<center><table BORDER=2 CELLSPACING=0 CELLPADDING=1 WIDTH="100%" BGCOLOR="#9933CC">
<tr>
<td ALIGN=RIGHT VALIGN=TOP WIDTH="30" BGCOLOR="#000000"><img src="rightspeakerdave.jpg" width="30" height="20"></td>
<td ALIGN=RIGHT VALIGN=CENTER WIDTH="450" BGCOLOR="#000000"><img width=367 height=20 src="category.jpg" border=0></td>
<td ALIGN=RIGHT VALIGN=TOP WIDTH="30" BGCOLOR="#000000"><img src="rightspeakerdave.jpg" width="30" height="20"></td>
</tr>
</table></center>
<center><table BORDER=2 CELLSPACING=0 CELLPADDING=1 COLS=3 WIDTH="100%" BGCOLOR="#9933CC">
<tr>
<td ALIGN=CENTER VALIGN=TOP WIDTH="35" BGCOLOR="#000000"><img SRC="jukeboxcarpic2.jpg" height=60 width=120 alt="Dave's Tribute Car"></td>
<td ALIGN=CENTER VALIGN=MIDDLE BGCOLOR="#000000"><select name="example" size="3.5" style="width:185" width="175px" border="0" onChange="redirect(this.options.selectedIndex)"><font size=-2><option>Dale Jr.</option><option>Dave - ("Solo")<option>Rock</option><option>The Pimps</option><option>Earnhardt Tribute Songs</option><option>Comedy</option><option>Internet Radio</option></font></select></td>
<td ALIGN=RIGHT VALIGN=TOP WIDTH="35" BGCOLOR="#000000"><img SRC="jukeboxcarpic2.jpg" height=60 width=120 alt="Dave's Tribute Car"></td>
</tr>
</table></center>
</td>
<tr>
<td ALIGN=CENTER VALIGN=BOTTOM BGCOLOR="#9933CC">
<center><table BORDER=2 CELLSPACING=0 CELLPADDING=1 WIDTH="100%">
<tr ALIGN=CENTER VALIGN=CENTER>
<td ALIGN=LEFT WIDTH="10%" BGCOLOR="#000000"><center><img src="leftled2.gif"><BR><img SRC="leftspeaker.gif" height=150 width=75 alt="Left Speaker"></center></td>
<td ALIGN=CENTER VALIGN=TOP WIDTH="20%" BGCOLOR="#000000" BACKGROUND="botbg2.jpg">
<center>
<img width=275 height=20 src="song.jpg" border=0><br>
<select name="stage2" size="4" style="width:275" width="275px" border color="#000000"><option value=""></option></select>
<img width=250 src="purplebar.gif"><br>
<img width=80 height=16 src="leftbar1.gif" alt="left bar"><input type="button" name="test" value="PLAY" id="flashit"
onClick="go();window.focus()"><img width=80 height=16 src="rightbar1.gif" alt="right bar">
</td>
<td WIDTH="10%" BGCOLOR="#000000"><img src="rightled2.gif"><BR><img SRC="rightspeaker.gif" height=150 width=75 alt="Right Speaker"></td>
</tr>
</table></center>
</td>
</tr>
</table></center>
<center><script>
<!--
/*
Midi Jukebox Script
Copyright©1999 All right reserved- from A1 JavaScripts. http://www.a1javascripts.com/
it may be used freely but Please leave this credit in at all times
This script is for personal use and can not be exhibited or downloaded from any other archive without permission
*/
var groups=document.midijukebox.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
<!--HANOVERPHIST-->
group[0][0]=new Option("Jr - Apocalypse","JrDesert.html")
group[0][1]=new Option("Shine - Collective Soul Cover","hanoverphistshine.wav")
group[0][2]=new Option("Eighteen - Alice Cooper Cover","eighteen.wav")
group[0][3]=new Option("Fly Me Courageous - Drivin&Cryin Cover","flymecourageous.wav")
group[0][4]=new Option("Just Go Away - Hanoverphist Original","justgoaway.wav")
<!--DAVE-->
group[1][0]=new Option("Acoustic Tune - Dave","acousticdaveone.wav")
group[1][1]=new Option("Blues Tune - Dave","bluesdave.wav")
group[1][2]=new Option("House of the Rising Son - Dave","risingsondavewav.wav")
<!--ROCK-->
group[2][0]=new Option("Do You Feel Like I Do - Peter Frampton","feellikeido.wav")
group[2][1]=new Option("Give a Little Bit - Supertramp","givealittlebit.wav")
group[2][2]=new Option("Fight The Good Fight - Triumph","goodfight.wav")
group[2][3]=new Option("Heaven & Hell - Black Sabbath","heavenandhell.wav")
group[2][4]=new Option("Little White Lies - Sammy Hagar","littlewhitelies.wav")
group[2][5]=new Option("Three Lock Box - Sammy Hagar","threelockbox.wav")
group[2][6]=new Option("United - Judas Priest","united.wav")
group[2][7]=new Option("What Ya Give - Tesla","whatyagivestudio.wav")
group[2][8]=new Option("When I'm Gone - 3 Doors Down","whenimgone.wav")
group[2][9]=new Option("The Road I'm On - 3 Doors Down","theroadimon.wav")
group[2][10]=new Option("Steve McQueen - Sheryl Crow","stevemcqueen.wav")
<!--PIMPS-->
group[3][0]=new Option("Rocket Science (MI-2 Soundtrack)","rocketscience.wav")
group[3][1]=new Option("Sumpin'","sumpin.wav")
group[3][2]=new Option("El Presidente","elpresidente.wav")
group[3][3]=new Option("Hoss Vegas","hossvegas.wav")
group[3][4]=new Option("Rallo","rallo.wav")
group[3][5]=new Option("Grandma's Christmas Shirt","grandmasxmasshirt.wav")
<!--DALE TRIBUTES-->
group[4][0]=new Option("Angels In Waiting - Author Unknown","angelsinwaiting.wav")
group[4][1]=new Option("Dale Earnhardt Mix (WQYK)","daleearnhardtmixwqyk.wav")
group[4][2]=new Option("Elvis/Earnhardt Re-Mix","elvisfordaleearnhardt.wav")
group[4][3]=new Option("Last Lap/Freebird Re-Mix","lastlap_freebird.wav")
group[4][4]=new Option("Number Three - John Murley","numberthreebyjohnmurley.wav")
group[4][5]=new Option("Say Goodbye - Author Unknown","saygoodbye.wav")
group[4][6]=new Option("The Dance/Re-Mix - Garth Brooks","thedancedaleearnhardttribute.wav")
<!--COMEDY-->
group[5][0]=new Option("Alice's Restaurant - Arlo Guthrie","alicesrestaurant.wav")
group[5][1]=new Option("Motorcycle Song - Arlo Guthrie","motorcyclesong.wav")
group[5][2]=new Option("The Dentist - Bill Cosby","dentist.wav")
group[5][3]=new Option("Who's On First - Abbott & Costello","whosonfirst.wav")
group[5][4]=new Option("Stupid People - Bill Engvall","stupidpeople.wav")
<!--RADIO-->
group[6][0]=new Option("BrainGell Radio - Live Heavy Metal","http://66.117.2.27:8000/listen.pls")
var temp=document.midijukebox.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script></center></form>
<iframe id="window1" name="window1" style="border:10px ridge red" width=347 height=318 src="VidSample.html"></iframe>
<!-- END OF JUKEBOX CODE -->
Thanks in advance,
DaletonaDave
http://www.daletonadave.com/juke.html
It uses a "two-stage" form. First stage has categories, second stage has the selections from first stage category. Finally a play button that actually launches the links.
I'd like to use the same thing on a video page, but open the links (html pages) into an iframe named "window1" on the same page. Is this possible? I've tried quite a few different things with no luck. Can someone help me out?
Here is the code that I'm using sorry for all the extra stuff in it. It's contained in a table with graphics, etc.
<!-- START OF JUKEBOX CODE -->
<form name="midijukebox">
<center><a name="TOP"><table BORDER=2 CELLSPACING=0 CELLPADDING=2 COLS=1 WIDTH="450" BGCOLOR="#9933CC">
<tr>
<td ALIGN=CENTER VALIGN=TOP>
<center><table BORDER=2 CELLSPACING=0 CELLPADDING=1 WIDTH="100%" BGCOLOR="#9933CC">
<tr>
<td ALIGN=RIGHT VALIGN=TOP WIDTH="30" BGCOLOR="#000000"><img src="rightspeakerdave.jpg" width="30" height="20"></td>
<td ALIGN=RIGHT VALIGN=CENTER WIDTH="450" BGCOLOR="#000000"><img width=367 height=20 src="category.jpg" border=0></td>
<td ALIGN=RIGHT VALIGN=TOP WIDTH="30" BGCOLOR="#000000"><img src="rightspeakerdave.jpg" width="30" height="20"></td>
</tr>
</table></center>
<center><table BORDER=2 CELLSPACING=0 CELLPADDING=1 COLS=3 WIDTH="100%" BGCOLOR="#9933CC">
<tr>
<td ALIGN=CENTER VALIGN=TOP WIDTH="35" BGCOLOR="#000000"><img SRC="jukeboxcarpic2.jpg" height=60 width=120 alt="Dave's Tribute Car"></td>
<td ALIGN=CENTER VALIGN=MIDDLE BGCOLOR="#000000"><select name="example" size="3.5" style="width:185" width="175px" border="0" onChange="redirect(this.options.selectedIndex)"><font size=-2><option>Dale Jr.</option><option>Dave - ("Solo")<option>Rock</option><option>The Pimps</option><option>Earnhardt Tribute Songs</option><option>Comedy</option><option>Internet Radio</option></font></select></td>
<td ALIGN=RIGHT VALIGN=TOP WIDTH="35" BGCOLOR="#000000"><img SRC="jukeboxcarpic2.jpg" height=60 width=120 alt="Dave's Tribute Car"></td>
</tr>
</table></center>
</td>
<tr>
<td ALIGN=CENTER VALIGN=BOTTOM BGCOLOR="#9933CC">
<center><table BORDER=2 CELLSPACING=0 CELLPADDING=1 WIDTH="100%">
<tr ALIGN=CENTER VALIGN=CENTER>
<td ALIGN=LEFT WIDTH="10%" BGCOLOR="#000000"><center><img src="leftled2.gif"><BR><img SRC="leftspeaker.gif" height=150 width=75 alt="Left Speaker"></center></td>
<td ALIGN=CENTER VALIGN=TOP WIDTH="20%" BGCOLOR="#000000" BACKGROUND="botbg2.jpg">
<center>
<img width=275 height=20 src="song.jpg" border=0><br>
<select name="stage2" size="4" style="width:275" width="275px" border color="#000000"><option value=""></option></select>
<img width=250 src="purplebar.gif"><br>
<img width=80 height=16 src="leftbar1.gif" alt="left bar"><input type="button" name="test" value="PLAY" id="flashit"
onClick="go();window.focus()"><img width=80 height=16 src="rightbar1.gif" alt="right bar">
</td>
<td WIDTH="10%" BGCOLOR="#000000"><img src="rightled2.gif"><BR><img SRC="rightspeaker.gif" height=150 width=75 alt="Right Speaker"></td>
</tr>
</table></center>
</td>
</tr>
</table></center>
<center><script>
<!--
/*
Midi Jukebox Script
Copyright©1999 All right reserved- from A1 JavaScripts. http://www.a1javascripts.com/
it may be used freely but Please leave this credit in at all times
This script is for personal use and can not be exhibited or downloaded from any other archive without permission
*/
var groups=document.midijukebox.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
<!--HANOVERPHIST-->
group[0][0]=new Option("Jr - Apocalypse","JrDesert.html")
group[0][1]=new Option("Shine - Collective Soul Cover","hanoverphistshine.wav")
group[0][2]=new Option("Eighteen - Alice Cooper Cover","eighteen.wav")
group[0][3]=new Option("Fly Me Courageous - Drivin&Cryin Cover","flymecourageous.wav")
group[0][4]=new Option("Just Go Away - Hanoverphist Original","justgoaway.wav")
<!--DAVE-->
group[1][0]=new Option("Acoustic Tune - Dave","acousticdaveone.wav")
group[1][1]=new Option("Blues Tune - Dave","bluesdave.wav")
group[1][2]=new Option("House of the Rising Son - Dave","risingsondavewav.wav")
<!--ROCK-->
group[2][0]=new Option("Do You Feel Like I Do - Peter Frampton","feellikeido.wav")
group[2][1]=new Option("Give a Little Bit - Supertramp","givealittlebit.wav")
group[2][2]=new Option("Fight The Good Fight - Triumph","goodfight.wav")
group[2][3]=new Option("Heaven & Hell - Black Sabbath","heavenandhell.wav")
group[2][4]=new Option("Little White Lies - Sammy Hagar","littlewhitelies.wav")
group[2][5]=new Option("Three Lock Box - Sammy Hagar","threelockbox.wav")
group[2][6]=new Option("United - Judas Priest","united.wav")
group[2][7]=new Option("What Ya Give - Tesla","whatyagivestudio.wav")
group[2][8]=new Option("When I'm Gone - 3 Doors Down","whenimgone.wav")
group[2][9]=new Option("The Road I'm On - 3 Doors Down","theroadimon.wav")
group[2][10]=new Option("Steve McQueen - Sheryl Crow","stevemcqueen.wav")
<!--PIMPS-->
group[3][0]=new Option("Rocket Science (MI-2 Soundtrack)","rocketscience.wav")
group[3][1]=new Option("Sumpin'","sumpin.wav")
group[3][2]=new Option("El Presidente","elpresidente.wav")
group[3][3]=new Option("Hoss Vegas","hossvegas.wav")
group[3][4]=new Option("Rallo","rallo.wav")
group[3][5]=new Option("Grandma's Christmas Shirt","grandmasxmasshirt.wav")
<!--DALE TRIBUTES-->
group[4][0]=new Option("Angels In Waiting - Author Unknown","angelsinwaiting.wav")
group[4][1]=new Option("Dale Earnhardt Mix (WQYK)","daleearnhardtmixwqyk.wav")
group[4][2]=new Option("Elvis/Earnhardt Re-Mix","elvisfordaleearnhardt.wav")
group[4][3]=new Option("Last Lap/Freebird Re-Mix","lastlap_freebird.wav")
group[4][4]=new Option("Number Three - John Murley","numberthreebyjohnmurley.wav")
group[4][5]=new Option("Say Goodbye - Author Unknown","saygoodbye.wav")
group[4][6]=new Option("The Dance/Re-Mix - Garth Brooks","thedancedaleearnhardttribute.wav")
<!--COMEDY-->
group[5][0]=new Option("Alice's Restaurant - Arlo Guthrie","alicesrestaurant.wav")
group[5][1]=new Option("Motorcycle Song - Arlo Guthrie","motorcyclesong.wav")
group[5][2]=new Option("The Dentist - Bill Cosby","dentist.wav")
group[5][3]=new Option("Who's On First - Abbott & Costello","whosonfirst.wav")
group[5][4]=new Option("Stupid People - Bill Engvall","stupidpeople.wav")
<!--RADIO-->
group[6][0]=new Option("BrainGell Radio - Live Heavy Metal","http://66.117.2.27:8000/listen.pls")
var temp=document.midijukebox.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script></center></form>
<iframe id="window1" name="window1" style="border:10px ridge red" width=347 height=318 src="VidSample.html"></iframe>
<!-- END OF JUKEBOX CODE -->
Thanks in advance,
DaletonaDave