Rockonmetal
01-25-2007, 05:55 PM
I really don't know where to put this, but since most of the code I've used on this page is Html I would like to keep it that way. Though I am opening up to Javascript and Css. Here is the code for the whole page:
<html>
<head>
<style type="text/css">
p {
font-family: Verdana; Arial; Times;
color: #000000;
font-size: 10px;
font-weight: bold;
width: 150px;
}
h1 {
font-family: Verdana; Arial; Times;
color: #3344CC;
font-size: 10px;
font-weight: bold;
}
ol {
font-family: Verdana; Arial; Times;
color: #000000;
font-size: 10px;
font-weight: bold;
width: 150px;
}
.fieldset {
font-family: Verdana; Arial; Times;
color: #000000;
font-size: 10px;
font-weight: bold;
width: 250px;
}
.rssbutton{
background-color: #FFFFFF;
border: 1px #FFFFFF outset;
padding: 0px;
color: 000000;
text-decoration: none;
font: bold 10px Verdana;
}
.rssbutton:hover{
border-style: outset;
background-color: #3344CC;
color: FFFFFF;
border: 1px #3354CC outset;
}
.dividebutton{
background-color: #FFFFFF;
padding: 0px;
color: 000000;
text-decoration: none;
font: bold 10px Verdana;
}
.dividebutton:hover{
background-color: #3344CC;
color: FFFFFF;
}
</style>
</head>
<body>
<script type="text/javascript" width="100" height="500">
{
document.write("<p>Music Player ")
document.write("Songs:</p>")
document.write("<ol><li>By Metallica</li><ul><li><a href='sadbuttrue.mp4' target_id='player'>Sad But
True</a></li></ol></ul>")
}
</script>
<fieldset width="100" class="fieldset">
<legend>Music Player</legend>">
<!-- This is where the controls are-->
<a href="Next Song" class="rssbutton">Next Song</a>
<a href="" class="dividebutton">|</a>
<a href="Pause" class="rssbutton">Pause</a>
<a href="" class="dividebutton">|</a>
<a href="Play" class="rssbutton">Play</a>
<a href="" class="dividebutton">|</a>
<a href="Previous Song" class="rssbutton">Last Song</a>
<a href="" class="dividebutton">|</a>
<br>
<!-- This is where I was intending to put the player-->
</fieldset>
I have the songs, and the album art and other stuff. Now what I want to happen is when the user clicks the controls the controls control the player, (like they click play and it plays, pause and it pauses, and I think you get it)
I am trying to keep it from having every song on a different page. Like the click the pause button and it changes to a page that has no music. I DON'T WANT THIS TO HAPPEN I WANT IT ON 1 PAGE!!
I going 2 have about 4 or 5 songs on the page.
This is going 2 be in an Iframe that is 255 pixels wide, the max width anything should be is 250 pixels.
Thank you and happy searching
Note: if this is in the wrong thread tell me where to put it and I'll erase this one and put it in the correct one. Thank you!
<html>
<head>
<style type="text/css">
p {
font-family: Verdana; Arial; Times;
color: #000000;
font-size: 10px;
font-weight: bold;
width: 150px;
}
h1 {
font-family: Verdana; Arial; Times;
color: #3344CC;
font-size: 10px;
font-weight: bold;
}
ol {
font-family: Verdana; Arial; Times;
color: #000000;
font-size: 10px;
font-weight: bold;
width: 150px;
}
.fieldset {
font-family: Verdana; Arial; Times;
color: #000000;
font-size: 10px;
font-weight: bold;
width: 250px;
}
.rssbutton{
background-color: #FFFFFF;
border: 1px #FFFFFF outset;
padding: 0px;
color: 000000;
text-decoration: none;
font: bold 10px Verdana;
}
.rssbutton:hover{
border-style: outset;
background-color: #3344CC;
color: FFFFFF;
border: 1px #3354CC outset;
}
.dividebutton{
background-color: #FFFFFF;
padding: 0px;
color: 000000;
text-decoration: none;
font: bold 10px Verdana;
}
.dividebutton:hover{
background-color: #3344CC;
color: FFFFFF;
}
</style>
</head>
<body>
<script type="text/javascript" width="100" height="500">
{
document.write("<p>Music Player ")
document.write("Songs:</p>")
document.write("<ol><li>By Metallica</li><ul><li><a href='sadbuttrue.mp4' target_id='player'>Sad But
True</a></li></ol></ul>")
}
</script>
<fieldset width="100" class="fieldset">
<legend>Music Player</legend>">
<!-- This is where the controls are-->
<a href="Next Song" class="rssbutton">Next Song</a>
<a href="" class="dividebutton">|</a>
<a href="Pause" class="rssbutton">Pause</a>
<a href="" class="dividebutton">|</a>
<a href="Play" class="rssbutton">Play</a>
<a href="" class="dividebutton">|</a>
<a href="Previous Song" class="rssbutton">Last Song</a>
<a href="" class="dividebutton">|</a>
<br>
<!-- This is where I was intending to put the player-->
</fieldset>
I have the songs, and the album art and other stuff. Now what I want to happen is when the user clicks the controls the controls control the player, (like they click play and it plays, pause and it pauses, and I think you get it)
I am trying to keep it from having every song on a different page. Like the click the pause button and it changes to a page that has no music. I DON'T WANT THIS TO HAPPEN I WANT IT ON 1 PAGE!!
I going 2 have about 4 or 5 songs on the page.
This is going 2 be in an Iframe that is 255 pixels wide, the max width anything should be is 250 pixels.
Thank you and happy searching
Note: if this is in the wrong thread tell me where to put it and I'll erase this one and put it in the correct one. Thank you!