Page 1 of 2 12 LastLast
Results 1 to 10 of 15

Thread: ON AIR Radio Display Script

  1. #1
    Join Date
    Nov 2007
    Posts
    18
    Thanks
    0
    Thanked 1 Time in 1 Post

    Question ON AIR Radio Display Script

    The following script is currently being used on my radio station's website to display the show that is currently on air.

    My question is, how would I use this script to display a daily schedule (when displayed it would show the shows for that day)?

    Thanks!
    ---------------------------------------------------------------------------

    <!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<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][17] = '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 thedate = new Date();
    var dayofweek = thedate.getDay();
    var hourofday = thedate.getHours();
    var showOn = DH[dayofweek][hourofday];
    if (showOn == '') { showOn = thedate+'<p />No Show Scheduled'; }
    document.getElementById('NowOn').innerHTML = showOn;
    }
    </script>
    </head>
    <BODY onLoad="NowON()">
    <!-- Unhide this if table display desired
    <script type="text/javascript">
    document.write(TableStationSchedule())
    </script>
    -->
    <script type="text/javascript">
    document.write(NowON());
    </script>
    <div id='NowOn' onClick="NowON()">Click For Now On KSWH</div>
    </body>
    </html>

  2. The Following User Says Thank You to reddiestorm For This Useful Post:

    Harrysf (03-09-2008)

  3. #2
    Join Date
    May 2007
    Location
    Canada
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Your array has the following structure

    DH[day][hour]

    So, you will need to find out which day it is. For example, if today is Friday, then you would loop through

    DH[5][*ALL*]

    and display that on the screen. Just a pseudo code: the for loop could be this

    var schedule = "" ;
    for(i = 0 ; i < 24 ; i++)
    {
    if(DH[5][i] != "")
    schedule += DH[5][i] ;
    }


    Now you have the entire schedule for Friday

  4. #3
    Join Date
    Nov 2007
    Posts
    18
    Thanks
    0
    Thanked 1 Time in 1 Post

    Question

    makes sense,

    How do I display it in the browser? I know I need to change the script from showing the hourly display to the daily display. Do I need a new function or change up the NowON function? I experimented some but was unable to get the day's shows to display.

    Thanks again!

  5. #4
    Join Date
    May 2007
    Location
    Canada
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    You can modify NowON function or create a new one. It's up to you. Here's a new function that should return the schedule for the day that you want.
    Code:
    function getSchedule(day)
    {
    var schedule = "" ;
    for(i = 0 ; i < 24 ; i++)
    {
    if(DH[day][i] != "")
    schedule += DH[day][i] ;
    }
    return schedule ;
    }
    Now whenever you need the schedule for any specific day, you can just call that function and pass the day as the parameter. For example, this should return today's schedule and you can display it in a div.
    Code:
    var date = new Date() ;
    var today = date.getDay() ;
    var schedule = getSchedule(today) ;
    document.getElementById("sch").innerHTML = schedule ;

  6. #5
    Join Date
    Nov 2007
    Posts
    18
    Thanks
    0
    Thanked 1 Time in 1 Post

    Question

    I apologize, I'm still not getting results- I must be doing it wrong or not changing something. The answer is probably right in front of me.

    Can you take a look at my code again?

    Thanks for all your help!!!

  7. #6
    Join Date
    May 2007
    Location
    Canada
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Can you post your link here. Also, try using Firebug plug in for Firefox. It's a great tool for debugging Javascript.

  8. #7
    Join Date
    Nov 2007
    Posts
    18
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    I guess I'm not exactly sure where to put this:

    var date = new Date() ;
    var today = date.getDay() ;
    var schedule = getSchedule(today) ;
    document.getElementById("sch").innerHTML = schedule ;


    I inserted the new function...I'll try and upload it somewhere soon...

  9. #8
    Join Date
    Nov 2007
    Posts
    18
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Where does this go? Along with the function?

    var date = new Date() ;
    var today = date.getDay() ;
    var schedule = getSchedule(today) ;
    document.getElementById("sch").innerHTML = schedule ;


    ---------------------------------------------------------------
    <!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<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][17] = '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 thedate = new Date();
    var dayofweek = thedate.getDay();
    var hourofday = thedate.getHours();
    var showOn = DH[dayofweek][hourofday];
    if (showOn == '') { showOn = thedate+'<p />No Show Scheduled'; }
    document.getElementById('NowOn').innerHTML = showOn;
    }

    function getSchedule(day)
    {
    var schedule = "" ;
    for(i = 0 ; i < 24 ; i++)
    {
    if(DH[day][i] != "")
    schedule += DH[day][i] ;
    }
    return schedule ;
    }
    </script>
    </head>
    <BODY onLoad="getSchedule()">
    <!-- Unhide this if table display desired
    <script type="text/javascript">
    document.write(TableStationSchedule())
    </script>
    -->
    <script type="text/javascript">
    document.write(getSchedule());
    </script>
    <div id='NowOn' onClick="getSchedule()">Click For Now On KSWH</div>
    </body>
    </html>

  10. #9
    Join Date
    May 2007
    Location
    Canada
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Where does this go? Along with the function?

    var date = new Date() ;
    var today = date.getDay() ;
    var schedule = getSchedule(today) ;
    document.getElementById("sch").innerHTML = schedule ;
    That was just an example on how you could use the function that will return the schedule for any specific day. So basically, if you want your users to click on a button and then display this, you would put this in the function that will be called when the user clicks on the button. The last line which is:

    document.getElementById("sch").innerHTML = schedule ;

    will have the schedule of the day in the div whose id is "sch". It can be anything. Just replace the id with your div's id.

    If you just want the schedule of the day to be displayed when your page loads, you can put it in the function that is called when the page loads. In your case, it would be getSchedule()

    I hope I answered your question here. Let me know how it goes.

  11. #10
    Join Date
    Nov 2007
    Posts
    18
    Thanks
    0
    Thanked 1 Time in 1 Post

    Question

    hmmm...I was actually close then. I've checked everything and I'm still not getting results. Here are the links finally:

    website: http://stuwww.hsu.edu/kswh/2008/index.htm
    javascript: http://stuwww.hsu.edu/kswh/2008/liveschedule3.html

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •