Grow your CSS skills. Land your dream job.

.disabled

  • # March 3, 2010 at 7:10 pm

    First off before I start, I’m no genius about JavaScript, just find a few resources and go from there.

    Also i only got put on this project extremely late, to fix touch ups etc (one being the problem below!)

    Basically the problem is on the Homepage, we have rotating content, but the first piece of content is a video, it seemed to disable fine in FF but am having trouble getting it to work in IE. The aim is when you click to fade in the next picture of content the video stops.

    Below is the bit of JS i believe to be controlling the content. I added the .disabled lines, but not sure where I’m going wrong

    Any help would be greatly appreciated

    Code:
    function ChangeBannerImage() {
    if (document.getElementById(‘divCenterHome’).className == ‘showCenterRightImage’) {
    DisplayTheseImages(‘seminars’);
    document.getElementById(‘video’).disabled = true;
    }
    else if (document.getElementById(‘divCenterSeminars’).className == ‘showCenterRightImage’) {
    DisplayTheseImages(‘advice’);
    document.getElementById(‘video’).disabled = true;
    }
    else if (document.getElementById(‘divCenterAdvice’).className == ‘showCenterRightImage’) {
    DisplayTheseImages(‘fund’);
    document.getElementById(‘video’).disabled = false;
    }

    window.setTimeout(‘ChangeBannerImage()’, 15000);
    }

    Thanks,
    tada

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".