Как сделать так, что после нажатия на любую ссылку в определенном блоке #menu document.location.hash передавался другой функции?

Question

[Илья Канышев]

У меня есть блок меню с ссылками типа
a href="#name"
Необходимо сделать скрипт на js, который будет при нажатии на любую ссылку в блоке div#head div#menu отправлять document.location.hash функции setBlock()

Answer 1

[Stalker_RED]

document.querySelectorAll('#menu a').forEach(function(link){ // находим все ссылки в меню
  link.addEventListener('click', function(evt){ // добавляем обработчик клика
    setBlock(location.hash) // отправляем 
  })
})

Догадываюсь, что вы хотели что-то другое, но описали вы именно это.

Comments

[Илья Канышев]

ругается на querySelectorAll('#menu a').forEach
пишет, что это не функция...

[Stalker_RED]

К NodeList не так давно прикрутили метод forEach (тыц).

Для старых браузеров можете переписать так:

Array.prototype.slice.call(document.querySelectorAll('#menu a')).forEach ...

[Илья Канышев]

и что удивительно, хотел я именно это, но ругается компилятор js на forEach

[Илья Канышев]

Stalker_RED: но все равно функция setBlock не вызывается по нажатию на ссылку

[Stalker_RED]

Илья Канышев:

скриншот

ссылка на работающий пример

[Илья Канышев]

Stalker_RED:

[Stalker_RED]

Илья Канышев: Вы отправили пустое сообщение.

[Илья Канышев]

Stalker_RED: хех, тогда почему в вашем "рабочем примере" у меня тоже не работает... а мне надо, чтобы пример подстраивался под любой браузер

[Илья Канышев]

Stalker_RED: попробуй переписать все это под JQuery, что у меня может сработать

[Stalker_RED]

Илья Канышев: https://www.youtube.com/watch?v=-2F_x752Wx4

[Stalker_RED]

Илья Канышев: а впрочем вот на jQuery: https://jsfiddle.net/cp5sf114/1/
Все равно этот код делает не то, что вы хотите.

[Илья Канышев]

Stalker_RED: тогда что я хотел?

[Stalker_RED]

Илья Канышев: Я могу только догадываться. Возможно вы хотели показывать блок соответствующий ссылке, по которой кликнули. Не уверен заметили ли вы, что данные в location.hash отличаются.

Answer 2

[trushka]

используйте шо-то типа window.onhashchange=setBlock.
А чтоб не прыгало при клике и смене hash - можно блоки с соответствующими id делать с display:none и либо показывать их по hashcange, либо ставить их перед нужными блоками, а доступ к блоку получать, например, как querySelector(location.hash'+*'). Или можно попробовать поставить перед блоком с нужным id якорь с таким же name и display:none, хотя я не уверен, что прокрутка не будет прыгать к блоку с таким id, так как якорь хоть и первый, но скрытый.. В общем, можно поэксперементировать)