Простая ошибка в коде / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Простая ошибка в коде

5 сообщений из 5, страница 1 из 1

Простая ошибка в коде

#39229821

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:03

| Ответить | Цитировать | Написать

Простая ошибка в коде

#39229835

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

F12

...

Рейтинг:

0 / 0

05.05.2016, 13:16

| Ответить | Цитировать | Написать

Простая ошибка в коде

#39229836

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

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:17

| Ответить | Цитировать | Написать

Простая ошибка в коде

#39229842

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Как-то так должно быть:

Код: 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:23

| Ответить | Цитировать | Написать

Простая ошибка в коде

#39229852

useruser11

Гость

Что вернёт document.getElementById('answer_'+i), когда i равно 3, 4, 5? :)
Ничего хорошего. Ошибку.
Понял где исправить. Заработало. Спасибо.

...

Рейтинг:

0 / 0

05.05.2016, 13:30

| Ответить | Цитировать | Написать

5 сообщений из 5, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Простая ошибка в коде

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&fpage=54&tid=1445268]:	0ms
get settings:	11ms
get forum list:	15ms
check forum access:	4ms
check topic access:	4ms
track hit:	57ms
get topic data:	14ms
get forum data:	3ms
get page messages:	44ms
get tp. blocked users:	2ms
others:	14ms

total:	168ms