Почему перестали работать onclick (вероятно после обновления браузера) и что теперь делать?

Question

[zeuss56]

Страница https://z56.space/old/ - не работают кнопка "написать" и клик по изображению. Раньше работало. Обновления хрома происходят очень незаметно и подозреваю дело в этом, так как старая версия, кешированная в гугле то-же не работает (google.com/search?q=cache:z56.space )
С других браузеров/устройств не проверял.

Answer 1

[Anton fon Faust]

Вообще, конечно, плохая практика в html-коде писать обработчики событий.
Еще хуже практика - менять css-свойства через js.
А не работает, т.к. "!important" добавляется только в css, но никак не в свойствах, доступных через js-интерфейс , потому что стили, которые вы добавляете непосредственно в javascript и так имеют самый высокий приоритет. Даже выше, чем important.

Comments

[zeuss56]

important - это попытка исправить эту проблему, но никак не источник её. убрал и что? не работает всё-равно. обновите хром до последней версии и попробуйте снова.

[zeuss56]

[Anton fon Faust]

Вадим Егоров: Исправить проблему методом тыка - все равно что решать задачу путем подстановки конечного значения. Ответ совпасть может, но решения не будет.

Проблема не в хроме, уж поверьте веб-разработчику со 13-летним стажем))) дада) я участвовал в войне браузеров и даже писал на VBScript))))

Для чего писать код в свойствах html-элементов?
Все это выносится в отдельные файлы или на худой конец в тег script.
Зачем при клике на кнопку вызывать .onkeydown() другого элемента?
Вынести в функцию и вызывать ее из обработчика событий.
Обработчики событий назначать после загрузки страницы.
Я бы посоветовал вам сделать следующее:
1) Запомнить, что:
HTML - это то, что вы хотите показать.
CSS - это то, как вы хотите, чтобы оно выглядело.
JAVASCRIPT - это то, как вы хотите, чтобы оно вело себя.

2) Прочесть книгу "Выразительный javascript"
3) Перестать думать, что люди здесь глупее и менее опытны чем вы.

[zeuss56]

Anton fon Faust: Да вы крутой =) Ну если вам сложно потестить всё в версии 53.0.2785.143 m я могу предоставить доступ по VNC и вы сможете всё посмотреть.
Это вы мне на пальцах MVC разъяснить хотите? Я по-быстрому всё писал, для одностраничника, думаю, нормально. Всё-таки странно, что оно не работает. Я думаю вы заметили style="display: block;" добавился. Может дело в позиционировании и этот блок где-то там внизу.

[zeuss56]

Anton fon Faust: Только что обновил до 54.0.2840.59 m и ничего не изменилось - не работает

[Anton fon Faust]

Вадим Егоров: Даже одностраничник можно написать так, чтобы самому и отдебажить и потом поддерживать было не сложно.
Дело не в позиционировании: это можно увидеть на вкладке Computed.

[zeuss56]

Anton fon Faust: Это в вашем хроме computed нормальный. Может вам всё-таки дать доступ к VNC?

[Anton fon Faust]

Вадим Егоров: Значит, следующий шаг - поудалять всякие расширения, мешающие нормально работать с dev tool в chrome.

[Anton fon Faust]

Вадим Егоров: Хотя, судя по скриншотам - у вас нормальный dev-tool, и стили можно увидеть просто растянув соответствующий участок.

[zeuss56]

Anton fon Faust: Да, оказалось дело в

[Anton fon Faust]

Вадим Егоров:

[Anton fon Faust]

Вадим Егоров: ну, вот и чудненько)))

[zeuss56]

Anton fon Faust: От Вас, да? :)

[Anton fon Faust]

Вадим Егоров: :) ну, да, потестил маленько)

[zeuss56]

Anton fon Faust: у меня там почтовый сервер не работает, так что обнаружил только сейчас в логах. это интерфейс просмотра логов на скриншоте

Answer 2

[iBird Rose]

или убери important у своего display: block; либо пиши так:

document.getElementById('contact').style = 'display:block !important';

Comments

[zeuss56]

я !important добавил именно из-за этой проблемы. что с ним, что без - не работает.

[zeuss56]

вы кешированную версию смотрели?

[iBird Rose]

Вадим Егоров: не знаю. у меня без него все работает. в хроме. data3.floomby.com/files/share/16_10_2016/12/yYlsGB...

[zeuss56]

iBird Rose: А хром у вас уже обновлён до той версии, где вкладки больше не закруглённые?

[iBird Rose]

Вадим Егоров: нет. обычную версию

[iBird Rose]

Вадим Егоров: версия хрома 54.0.2840.59 m

[zeuss56]

iBird Rose: по номерам не разбираюсь, вы что не знаете как выглядят ваши вкладки?

[iBird Rose]

Вадим Егоров: это у тебя надо лучше спросить - ты не можешь посмотреть версию своего хрома? data3.floomby.com/files/share/16_10_2016/12/mJXnff...

[zeuss56]

iBird Rose: Версия 53.0.2785.143 m

[iBird Rose]

Вадим Егоров: в общем ты убрал important. и у меня сейчас на твоем сайте кнопка работает нормально.

[zeuss56]

iBird Rose:

[iBird Rose]

Вадим Егоров: во всех браузерах работает. даже в IE и EDGE. я не знаю что ты там у себя сломал

[Anton fon Faust]

Вадим Егоров: Вы уж извините, но если версии браузеров вы определяете по форме вкладок...
Кстати, мой хром поновее вашего будет: Версия 53.16.2785.143
Так что... обновляйтесь? и пишите код правильно)

[zeuss56]

Anton fon Faust: обновил до 54.0.2840.59 m и ничего не изменилось
почистил кеш cloudflare, почистил кеш в браузере, Ctrl+F5 - ничего.

[zeuss56]

Anton fon Faust: Ну не так давно вкладки поменяли форму и несложно ориентироваться по ним в качестве косвенного указания на версию.

[iBird Rose]

Вадим Егоров: это не профессионально. тем более если ты себя называешь программистом, как пишешь на своем сайте. таким определением версии браузера ты похож на бухгалтершу 40+ лет, которая ничего не смыслит ни в чем.