проблема с IE 8 при использовании style.display = "none" через JS на одной из двух потенциальных меток - PullRequest
0 голосов
/ 23 марта 2012

Поскольку общий блок довольно большой, позвольте мне предварять его реальным веб-адресом, чтобы был доступен весь мой код / ​​html http://csufpsychandlaw.zxq.net/JurorSurvey.html

Основная проблема, кажется, пока в строках 90-117, что соответствует 553/554, где IE8 прекращает выполнение скрипта. Ни один другой браузер, который я пробовал, не имеет этой проблемы (FF, Opera и Chrome все работают нормально)

То, что я хочу, чтобы это произошло - открывается страница с первым блоком вопросов, когда нажимается следующая кнопка, эти дивы скрываются и всплывает следующий набор вопросов. В этом наборе, однако, есть два вопроса (ctrl-f culp11 + culp13, чтобы найти их), которые имеют разные подсказки, основанные на том, какой сценарий (записанный в cookie) был прочитан пользователем. Однако на нескольких компьютерах я столкнулся с IE (я полагаю, что все они были IE8 +, но мне нужно было быть в кампусе для проверки), останавливаясь на вопросе виноват11 (на моем компьютере показаны обе версии приглашения, что означает, что он каким-то образом игнорирует команду скрытия несоответствующая подсказка). Это означает, что последние несколько вопросов, а также возможность продолжить работу в IE отсутствуют.

Насколько я могу судить, здесь есть оскорбительные разделы, эта страница довольно большая, поэтому я копирую только некоторые из них.

JS

function EnterVerd()
{
    //hide previous section
    document.getElementById("ABInstruct").style.display="none";
    document.getElementById("CDInstruct").style.display="none";
    document.getElementById("VerdictBlurb").style.display="none";
    document.getElementById("VerdictRadio").style.display="none";
    document.getElementById("SentBlurbAB").style.display="none";
    document.getElementById("SentBlurbCD").style.display="none";
    document.getElementById("SentRadio").style.display="none";
    document.getElementById("VerdBtn").style.display="none";

    //show next section
    document.getElementById("JurOpForm").style.display="inline";
    document.getElementById("JOFbtn").style.display="inline";

    //hides the non-corresponding prompt for some of the JOF questions.
    var scenario = getCookie("SceneIt");

    if (scenario!=null && scenario!="")
    {
        if (scenario == "scene1")
        {
            document.getElementById("CDCulp11label").style.display="none";
            document.getElementById("CDCulp13label").style.display="none";
        }
        else if (scenario == "scene2")
        {
            document.getElementById("CDCulp11label").style.display="none";
            document.getElementById("CDCulp13label").style.display="none";
        }
        else if (scenario == "scene3")
        {
            document.getElementById("ABCulp11label").style.display="none";
            document.getElementById("ABCulp13label").style.display="none";
        }  
        else
        {
            document.getElementById("ABCulp11label").style.display="none";
            document.getElementById("ABCulp13label").style.display="none";
        }  
    }
    else
    {
        document.getElementById("ABCulp11label").style.display="none";
        document.getElementById("ABCulp13label").style.display="none";
    }
}

HTML

<p>
    <table>
    <tr><th colspan=12><input type="radio" name="13Culp11" value="" checked="checked"         style="display:none;"/> 
        <label for = "13Culp11" id = "CDCulp11label">If you found the defendant guilty, to what degree do you think the defendant intentionally meant to steal from his employer?</th></tr>
        <label for = "13Culp11" id = "ABCulp11label">If you found the defendant guilty, to what degree do you think the defendant intentionally meant to assault the victim?</th></tr>
    <tr>    
        <td class = "sampleform"><input type="radio" name="13Culp11" id="1" value="1"/></td>
        <td class = "sampleform"><input type="radio" name="13Culp11" id="2" value="2"/></td>
        <td class = "sampleform"><input type="radio" name="13Culp11" id="3" value="3"/></td>
        <td class = "sampleform"><input type="radio" name="13Culp11" id="4" value="4"/></td>
        <td class = "sampleform"><input type="radio" name="13Culp11" id="5" value="5"/></td>
        <td class = "sampleform"><input type="radio" name="13Culp11" id="6" value="6"/></td>
        <td class = "sampleform"><input type="radio" name="13Culp11" id="7" value="7"/></td>
    </tr>
    <tr>
        <td class = "sampleform"><label for="1">No intention</label></td>
        <td class = "sampleform"><label for="2"></label></td>
        <td class = "sampleform"><label for="3"></label></td>
        <td class = "sampleform"><label for="4"></label></td>
        <td class = "sampleform"><label for="5"></label></td>
        <td class = "sampleform"><label for="6"></label></td>
        <td class = "sampleform"><label for="7">Full intention</label></td>
    </p>
    </table>
</p>
...