Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Простая ошибка в коде / 5 сообщений из 5, страница 1 из 1
05.05.2016, 13:03
    #39229821
useruser11
useruser11
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Простая ошибка в коде
Ошибка должна быть очень простой. Либо символ забыл, либо не доглядел где-то.
Код не работает. А должен скрывать и показывать дивы.
Первые 2 ссылки не работают, а третья работает.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv=Content-Type content="text/html;charset=UTF-8">
<script type="text/javascript">


function show_answer(element_id)
{
for (i=1;i<6;i++)
{
document.getElementById('answer_'+i).style.display='none';
}
document.getElementById('answer_'+element_id).style.display='block';
};
</script> 

</head>


&bull; <a href="#answers" class="answer_menu_link" onclick="show_answer('1');">Вопрос 1-не  работает</a><br>
&bull; <a href="#answers" class="answer_menu_link" onclick="show_answer('2');">Вопрос 2-не  работает</a><br>
<a href="#answers" class="answer_menu_link" onclick="document.getElementById('answer_1').style.display='block';">Вопрос 1-работает</a>




<a name="answers" style="position:absolute;top:1440px;"></a>
<div id="answer_1" class="answer" style="display:none;">Ответ 1</div>
<div id="answer_2" class="answer" style="display:none;">Ответ 2</div>


</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.05.2016, 13:16
    #39229835
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Простая ошибка в коде
F12
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.05.2016, 13:17
    #39229836
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Простая ошибка в коде
useruser11, откройте для себя магическую кнопку F12 и Console.

Увидите, что у Вас падает исключение: Uncaught TypeError: Cannot read property 'style' of null

Что вернёт document.getElementById('answer_'+i) , когда i равно 3 , 4 , 5 ? :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.05.2016, 13:23
    #39229842
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Простая ошибка в коде
Как-то так должно быть:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
<!DOCTYPE html>
<html>
<head>
  <title></title>
  <meta http-equiv=Content-Type content="text/html;charset=UTF-8">
  <script type="text/javascript">
    function hide(element_id) {
      var element = document.getElementById(element_id);
      
      if (element) {
        element.style.display = 'none';
      }
    }
    
    function show(element_id) {
      var element = document.getElementById(element_id);
      
      if (element) {
        element.style.display = 'block';
      }
    }
    
    function show_answer(answer_number) {
      for (i = 1; i < 6; i++) {
        hide('answer_' + i);
      }
      
      show('answer_' + answer_number);
    };
  </script>
</head>
<body>
  &bull; <a href="#answers" class="answer_menu_link" onclick="show_answer('1');">Вопрос 1</a><br/>
  &bull; <a href="#answers" class="answer_menu_link" onclick="show_answer('2');">Вопрос 2</a><br/>
  
  <a href="#answers" class="answer_menu_link" onclick="show('answer_1')">Вопрос 1</a>

  <a name="answers" style="position:absolute;top:1440px;"></a>
  <div id="answer_1" class="answer" style="display:none;">Ответ 1</div>
  <div id="answer_2" class="answer" style="display:none;">Ответ 2</div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.05.2016, 13:30
    #39229852
useruser11
useruser11
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Простая ошибка в коде
Что вернёт document.getElementById('answer_'+i), когда i равно 3, 4, 5? :)
Ничего хорошего. Ошибку.
Понял где исправить. Заработало. Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Простая ошибка в коде / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]