Javascript help needed

Joseph · Mar 13, 2009

Hey guys,

I'm setting up an online radio station at the minute and I've been looking at ways to display the schedule. I've stumbled upon this code:

<!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: 0px solid black;
font-size: 11.5px;
color: black;
background: transparent;
height: 55px;
width: 350px;
}
</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] = 'Monday at 10 AM Modern Rock with Cody Graves';
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] = 'Friday at 10 AM Christian Music with Jammin J';
DH[5][11] = 'Friday at 11 AM Christian Music with Jammin J';
DH[5][12] = 'Friday at Noon Modern Rock with Tag and Em';
DH[5][13] = 'Friday at 1 PM Modern Rock with Tag and Em';
DH[5][14] = 'Friday at 2 PM Urban Music with Brandon Tabor';
DH[5][15] = 'Friday at 3 PM Unknown Genre with DJ Kevin';
DH[5][16] = 'Friday at 4 PM Urban Music with Big Hampton';
DH[5][18] = 'Friday at 5 PM Urban Music with Big Hampton';
DH[5][22] = 'Friday at 10 PM Modern Rock with DJ Werewolf';
DH[5][23] = 'Friday at 11 PM Modern Rock with DJ Werewolf';
// 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 Scheduled'; }
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 Scheduled'; }
document.getElementById('NowOn').innerHTML = showOn;
}
</script>
</head>
<BODY onLoad="NowON()">

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

What I need for it to do is also display on the page the whole schedule for that day. For example, if its Monday it will display

PHP:

Monday at 10 AM<br>Modern Rock<br>with Cody Graves No Show Name<br>with DJ JT<br>Monday at Noon<br>No Genre Real Talk<br>with DJ Yella<br>Monday at 2 PM<br>No Genre No Show Name<br>with Katy Cox<br>Monday at 4 PM<br>Rap The Greatest<br>with DJ Fresh<br>Monday at 5 PM<br>No Genre Revolution Corner<br>with Randy Underwood<br>Monday at 6 PM<br>No Genre

properly formatted with the time to the left of it and each listing on a new line. Is this possible at all?

250np$ to whoever manages it

xrvel · Mar 14, 2009

You can try this code

HTML:

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

<style type="text/css">
td { font-size:0.6em; } /* temporary for testing purposes */
#NowOn {
border: 0px solid black;
font-size: 11.5px;
color: black;
background: transparent;
height: 55px;
width: 350px;
}
</style>

<script type="text/javascript">
var DayOfWeek = new Array('Weekend','Monday','Tuesday','Wednesday','Th ursday','Friday','Weekend');

var NoShow = 'No Show Scheduled<br />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] = 'Monday at 10 AM<br>Modern Rock<br>with Cody Graves';
DH[1][12] = 'No Show Name<br>with DJ JT<br>Monday at Noon<br>No Genre';
DH[1][14] = 'Real Talk<br>with DJ Yella<br>Monday at 2 PM<br>No Genre';
DH[1][16] = 'No Show Name<br>with Katy Cox<br>Monday at 4 PM<br>Rap';
DH[1][17] = 'The Greatest<br>with DJ Fresh<br>Monday at 5 PM<br>No Genre';
DH[1][18] = 'Revolution Corner<br>with Randy Underwood<br>Monday at 6 PM<br>No Genre';
DH[1][20] = 'Daily Affirmation<br>with DJ Hightower<br>Monday at 8 PM<br>No Genre';
DH[1][22] = 'No Show Name<br>with David Doggett<br>Monday 10 to Midnight<br>No Genre';
DH[1][23] = 'No Show Name<br>with David Doggett<br>Monday at 11 PM<br>No Genre';
DH[2][13] = 'No Show Name<br>with Michelle Caillouet<br>Tuesday at 1 PM<br>Rock';
DH[2][16] = 'No Show Name<br>with Sweet Action Jackson<br>Tuesday at 4 PM<br>Rock';
DH[2][20] = 'The Rock Hour<br>with Dan the Man<br>Tuesday at 8 PM<br>No Genre';
DH[3][10] = 'Love Me! Hate Me!<br>with DJ Nia<br>Wednesday at 10 AM<br>No Genre';
DH[3][11] = 'Westcoast Wednesdays<br>with DJ Smoove<br>Wednesday at 11 AM<br>No Genre';
DH[3][15] = 'The Storm Hour<br>with the Weatherman and Reba<br>Wednesday 3 to 5 PM<br>Classic Rock';
DH[3][16] = 'The Storm Hour<br>with the Weatherman and Reba<br>Wednesday at 4 PM<br>Classic Rock';
DH[3][22] = 'EZ Does It<br>with DJ EZ<br>Wednesday at 10 PM<br>Rap';
DH[4][12] = 'The Quad Show<br>with J Bean & LongJohn<br>Thursday Noon to 2 PM<br>Rap/Urban';
DH[4][13] = 'The Quad Show<br>with J Bean & LongJohn<br>Thursday at 1 PM<br>Rap/Urban';
DH[4][14] = 'The Hour<br>with DJ V-Jeezy<br>Thursday at 2 PM<br>No Genre';
DH[4][15] = 'No Show Name<br>with DJ Savana<br>Thursday at 3 PM<br>No Genre';
DH[5][10] = 'Friday at 10 AM<br>Christian Music<br>with Jammin J';
DH[5][11] = 'Friday at 11 AM<br>Christian Music<br>with Jammin J';
DH[5][12] = 'Friday at Noon<br>Modern Rock<br>with Tag and Em';
DH[5][13] = 'Friday at 1 PM<br>Modern Rock<br>with Tag and Em';
DH[5][14] = 'Friday at 2 PM<br>Urban Music<br>with Brandon Tabor';
DH[5][15] = 'Friday at 3 PM<br>Unknown Genre<br>with DJ Kevin';
DH[5][16] = 'Friday at 4 PM<br>Urban Music<br>with Big Hampton';
DH[5][18] = 'Friday at 5 PM<br>Urban Music<br>with Big Hampton';
DH[5][22] = 'Friday at 10 PM<br>Modern Rock<br>with DJ Werewolf';
DH[5][23] = 'Friday at 11 PM<br>Modern Rock<br>with DJ Werewolf';
// 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+'<br />'+DH[dayofweek][hourofday]);
	var showOn = DH[dayofweek][hourofday];
	if (showOn == '') { showOn = thedate+'\n\nNo Show Scheduled'; }
	alert(showOn);
}

function NowON() {
	var dateNow = 4;// this must be set manually with PHP code or such
	var sFound = false;
	var i;
	var s = '';
	if (DH[dateNow] != null) {
		for (i=0;i<=24;i++) {
			if (DH[dateNow][i] != null && DH[dateNow][i] != '') {
				s += DH[dateNow][i];
			}
		}
	}

	if (s == '') {
		s = 'No Show Scheduled';
	}
	if (document.getElementById('idNowOn')) {
		document.getElementById('idNowOn').innerHTML = s;
	}
}
</script>
</head>
<BODY onLoad="NowON()">
<div id="idNowOn" onClick="NowON()">Click For Now On KSWH</div>
</body>
</html>

However the javascript recognizes the current date by "dateNow" variable which i put above.
You should set it by PHP code.
So that all visitors will see the same schedule no matter with their time zones.

WildThayne · Jun 30, 2009

15 Minute Breakdown

I am using this script on a radio station website too. But they have programming broken down into 15 minute segments. I am not a programmer at all, can someone help me add the ability to break the listings down to 15 minute segments with this script. Be glad to compensate anyone that can help. Thanks

Javascript help needed

More options

Joseph

VIP Member

xrvel

i love automationVIP Member

WildThayne

New Member

Similar threads

We're social

New posts ➔

Auction activity ➔

How do you think a potential buyer first checks if your domain is for sale?

Polls of interest ➔

Hot this week ➔

Community favorite ➔

Hot this month ➔

Blog favorites

TrainShed.Com

solarnet.org

savingpalace.com

calvijn.com

CryptoCuriosities.com

UniHill.com

GoldenHongKong.com

Gatz.xyz

towvan.com

Vrsed.com

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling