Radio Station Script

**reddiestorm** · 11-08-2007, 03:19 AM

All right, so I've got this script for our radio station to display the on-air DJ, it just needs streamlined a little bit.

First of all I would like for the information to just come up rather than clicking it to get the information. Do I just delete the onclick?

Also to lose the yellow background can I just delete the style or I could change it to white.

Thanks I appreciate it, I don't know much about javascript.

Jonathan

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<head>
<title>Station Activity</title>

<style type="text/css">
td { font-size:0.6em; } /* temporary for testing purposes */
#NowOn {
border: 2px solid red;
font-size: 1.0em;
color: red;
background: yellow;
height: 100px;
width: 280px;
}
</style>

<script type="text/javascript">

/* NOT CURRENTLY USED
var thedate = new Date();
var dayofweek = thedate.getDay();
var hourofday = thedate.getHours();

var GMT = new Date().getTimezoneOffset();
var offsetGMT = -5 * new Date().getTimezoneOffset()/60;
*/

// Sun=0 1 2 3 4 5 Sat=6
var DayOfWeek = new Array('Weekend','Monday','Tuesday','Wednesday','Thursday','Friday','Weekend');

var NoShow = 'No Show Scheduled for KSWH';
var DH = new Array (7);
for (d=0; d<7; d++) {
DH[d] = new Array (24);
for (h=0; h<24; h++) { DH[d][h] = ''; }
}

DH[1][10] = 'No Show Name with Cody Graves Monday at 10 AM No Genre';
DH[1][12] = 'No Show Name with DJ JT Monday at Noon No Genre';
DH[1][14] = 'Real Talk with DJ Yella Monday at 2 PM No Genre';
DH[1][16] = 'No Show Name with Katy Cox Monday at 4 PM Rap';
DH[1][17] = 'The Greatest with DJ Fresh Monday at 5 PM No Genre';
DH[1][18] = 'Revolution Corner with Randy Underwood Monday at 6 PM No Genre';
DH[1][20] = 'Daily Affirmation with DJ Hightower Monday at 8 PM No Genre';
DH[1][22] = 'No Show Name with David Doggett Monday 10 to Midnight No Genre';
DH[1][23] = 'No Show Name with David Doggett Monday at 11 PM No Genre';
DH[2][13] = 'No Show Name with Michelle Caillouet Tuesday at 1 PM Rock';
DH[2][16] = 'No Show Name with Sweet Action Jackson Tuesday at 4 PM Rock';
DH[2][20] = 'The Rock Hour with Dan the Man Tuesday at 8 PM No Genre';
DH[3][10] = 'Love Me! Hate Me! with DJ Nia Wednesday at 10 AM No Genre';
DH[3][11] = 'Westcoast Wednesdays with DJ Smoove Wednesday at 11 AM No Genre';
DH[3][15] = 'The Storm Hour with the Weatherman and Reba Wednesday 3 to 5 PM Classic Rock';
DH[3][16] = 'The Storm Hour with the Weatherman and Reba Wednesday at 4 PM Classic Rock';
DH[3][22] = 'EZ Does It with DJ EZ Wednesday at 10 PM Rap';
DH[4][12] = 'The Quad Show with J Bean & LongJohn Thursday Noon to 2 PM Rap/Urban';
DH[4][13] = 'The Quad Show with J Bean & LongJohn Thursday at 1 PM Rap/Urban';
DH[4][14] = 'The Hour with DJ V-Jeezy Thursday at 2 PM No Genre';
DH[4][15] = 'No Show Name with DJ Savana Thursday at 3 PM No Genre';
DH[5][10] = 'The Christian Hour with Jammin J Friday 10 to Noon Christian';
DH[5][11] = 'The Christian Hour with Jammin J Friday at 11 AM Christian';
DH[5][12] = 'The Em and Tag Show with Em and Tag Friday Noon to 2 PM Rock';
DH[5][13] = 'The Em and Tag Show with Em and Tag Friday at 1 PM Rock';
DH[5][14] = 'No Show Name with DJ Kevin Friday at 3 PM No Genre';
DH[5][15] = 'Big Hamptons Block with Big Hampton Friday 4 to 6 PM Rap';
DH[5][16] = 'Big Hamptons Block with Big Hampton Friday at 5 PM Rap';
DH[5][22] = 'Rockin till Midnight with DJ Werewolf Friday 10 to Midnight Rock';
DH[5][23] = 'Rockin till Midnight with DJ Werewolf Friday at 11 PM Rock';
// Add more when schedule is known. Note: there may be better ways to do this when information is known.

function OnNow() {
var thedate = new Date();
var dayofweek = thedate.getDay();
var hourofday = thedate.getHours();
// alert(dayofweek+':'+hourofday+' '+DH[dayofweek][hourofday]);
var showOn = DH[dayofweek][hourofday];
if (showOn == '') { showOn = thedate+'\n\nNo Show Currently Scheduled for KSWH'; }
alert(showOn);
}

function NowON() {
var thedate = new Date();
var dayofweek = thedate.getDay();
var hourofday = thedate.getHours();
var showOn = DH[dayofweek][hourofday];
if (showOn == '') { showOn = thedate+'No Show Currently Scheduled for KSWH'; }
document.getElementById('NowOn').innerHTML = showOn;
}
</script>
</head>
<body>

<script type="text/javascript">
document.write(NowON());
</script>
<div id='NowOn' onClick="NowON()">Click For Now On KSWH</div>
</body>
</html>

**cursed** · 11-08-2007, 04:47 AM

replace <body>
with
<BODY onLoad="NowON()">

to delete the yellow background, change

background: yellow;

to

background: white;

or delete the line altogether.

**reddiestorm** · 11-11-2007, 10:08 PM

Thanks for the help!

I have another question. What if I wanted to make a seperate script but use the same information to build a daily schedule that would update and take off shows as they finished. For an example (w/out the script) see: http://stuwww.hsu.edu/kswh/assets/sc...wednesday.html

Oh and can I just use normal html to insert a link into javascript?

Thanks again,

**sambrose** · 12-04-2007, 11:06 PM

I love this script... I too work for a radio station and would need to modify the script slightly to accommodate minutes, and to convert the hours into cst hours.

Does anyone know how to accomplish this?

Thread: Radio Station Script

Thread Tools

Search Thread

Radio Station Script

Two quick needs

Bookmarks

Bookmarks

Posting Permissions