HTML-слайдер вызывает ошибку скрипта IE - PullRequest
Новая
       8

HTML-слайдер вызывает ошибку скрипта IE

0 голосов
/ 09 июня 2011

У меня есть простая HTML5-страница, которую я создаю, чтобы разобраться с ползунками.Кажется, они в порядке в последних версиях Chrome (13+) и Firefox (4+).Однако IE9 выдает мне следующее сообщение:

"Internet Explorer ограничил эту веб-страницу от запуска сценариев или элементов управления ActiveX."

До того, как я нажал "Разрешить заблокированное содержимое", ползунки теперь показываютвверх.После того, как я нажал "позволить", они работают нормально.

Есть идеи, почему у IE проблемы?

Ниже приведен код страницы: 

<!DOCTYPE html>
<html>
<head>
<script src="http://www.frequency-decoder.com/demo/fd-slider/js/fd-slider.js"></script>
<link rel="stylesheet" type="text/css" media="screen, projection" href="http://www.frequency-decoder.com/demo/fd-slider/css/fd-slider.css" />
<link rel="stylesheet" type="text/css" media="screen, projection" href="http://www.frequency-decoder.com/demo/fd-slider/css/demo.css" />
</head>
<body>
<p>
    The following slider has the &#8220;forceValue&#8221; parameter set to TRUE, which
    forces the associated text input to show a valid value.
</p>
<label for="inputTest6" id="inputTest6Label">
    Range: 1 to 5 in steps of 1
</label>
<p>
    <input name="inputTest6" id="inputTest6" type="text" title="Range: 1 to 5 in steps of 1" value="2"  maxlength="6" />
</p>
<script> 
      fdSlider.createSlider({
        // Associate an input
        inp:document.getElementById("inputTest6"),
        // Declare a step
        step:1, 
        // Declare a maxStep
        maxStep:1,
        // Min value
        min:1,
        // Max value
        max:5,
        // Use the "tween to click point" animation
        animation:"tween",
        // Force the associated input to have a valid value
        forceValue:true
        });
      </script>
<p>
    The following slider has been associated with a <code>&lt;select&gt;</code>.
</p>
<label for="selectTest1" id="selectTest1Label">
    Select List with five options
</label>
<p>
    <select name="selectTest1" id="selectTest1">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4" selected>Four</option>
        <option value="5">Five</option>
    </select>
</p>
<script> 
      fdSlider.createSlider({
        // Associate a select list
        inp:document.getElementById("selectTest1"),
        // Use the tween animation
        animation:"tween",
        // Keep the form element, in this case a select list, visible
        hideInput:false,
        // Give it the className "v-s2" which will make the slider 160px in height
        classNames:"v-s2"
        });
      </script>
</body>
</html>

Ответы [ 2 ]

2 голосов
/ 09 июня 2011

Вы пытались загрузить скрипт из того же домена, что и страница?

0 голосов
/ 07 марта 2012

Это решит проблему: Перейдите в Инструменты-> Свойства обозревателя-> Вкладка «Дополнительно», перейдите к разделу «Безопасность» и установите флажок «Разрешить запуск активного содержимого в файлах на моем компьютере».

...