Widgets work in Chrome, Not I.E
  • Hi All,

    I'm using Airtime 2.5.1 and having a go at using widgets on my website. They seem to work properly in Chrome, but not in Internet Explorere, or Firefox.

    Any ideas what the problem could be?

    Heres a link to the page. http://fenz.co.uk/timetabletable.html

    This is the code i'm using

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Airtime widgets</title>
    <script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script>
    <script src="js/jquery.showinfo.js" type="text/javascript"></script>
    <link href="css/airtime-widgets.css" rel="stylesheet" type="text/css" />
    <script>
    $(document).ready(function() {
        $("#headerLiveHolder").airtimeLiveInfo({
            sourceDomain: "http://151.80.10.178",
            text: {onAirNow:"On Air Now", offline:"Offline", current:"Current", next:"Next"},
            updatePeriod: 20 //seconds
        });
        $("#headerLiveTrackHolder").airtimeLiveTrackInfo({
            sourceDomain: "http://151.80.10.178",
            text: {onAirNow:"On Air Now", offline:"Offline", current:"Current", next:"Next"},
            updatePeriod: 20 //seconds
        });
        $("#onAirToday").airtimeShowSchedule({
            sourceDomain: "http://151.80.10.178",
            text: {onAirToday:"On air today"},
            updatePeriod: 5, //seconds
            showLimit: 10
        });
        $("#scheduleTabs").airtimeWeekSchedule({
            sourceDomain:"http://151.80.10.178",
            dowText:{monday:"Monday", tuesday:"Tuesday", wednesday:"Wednesday", thursday:"Thursday", friday:"Friday", saturday:"Saturday", sunday:"Sunday"},
            miscText:{time:"Time", programName:"Program Name", details:"Details", readMore:"Read More"},
            updatePeriod: 600 //seconds
        });
        var d = new Date().getDay();
        $('#scheduleTabs').tabs({selected: d === 0 ? 6 : d-1, fx: { opacity: 'toggle' }});

    });
    </script>
    </head>
    <body>

    <div id="scheduleTabs"></div>

    </body>
    </html>

    All help greatly appreciated.

    Kind regards,

    Sid.
  • 2 Comments sorted by
  • Do they work in the MS Edge tech preview?
  • Well, haven't you had enough of the websites that only works on IE but the rest? For once it's a good thing to have it reversed. :P

    But jokes aside, on my mobile chrome your schedule seems to be empty. Is that correct?