Показать сообщение отдельно
  #1 (permalink)  
Старый 02.09.2018, 12:58
Новичок на форуме
Отправить личное сообщение для gennadiy92 Посмотреть профиль Найти все сообщения от gennadiy92
 
Регистрация: 02.09.2018
Сообщений: 3

Кроссбраузерность скрипта обработчика для формы
Здравствуйте! Загрузил сайт на бесплатный хостинг, так что на доменное имя прошу не обращать внимания.

true-info. 000webhostapp. com/apl/lib/kobzar/ch-1 если перейти по этой ссылке, можем увидеть страничку где много текста. Почти каждому тегу p присвоен id. Этот id используется в связке с формой быстрого перехода по абзацам.

Перейти можно как в начале главы, введя например цифры 67 и нажать "Перейти" или "Enter", так и из середины, где есть такая же форма но в выезжающей панели.

Теперь если мы откроем файл script.js, вначале увидим строку начинающуюся на document.querySelector("#form").addEventListener( и так далее. Это и есть скрипт обработчик, который перемещает на нужный абзац и на определенное время подсвечивает его фоном.

Но есть одна проблема, которую не могу решить. Скрипт почему-то оказался не кроссбраузерным. Например в windows он не работает в ie 11 и edge.

На android не работает в стандартном браузере, Dolphin и оригинальном Chrome.

В чём проблема собственно? Почему одни браузеры проглатывают этот скрипт а некоторые нет? Могли бы помочь с кодом так, чтобы все браузеры его обрабатывали? Хотя ie можно отсечь, т.к. планирую вовсе заблокировать его.

Обидно будет запускать полноценный сайт с такой недопиленной штукой(
Ответить с цитированием