Как сделать, чтобы модальное окно не закрывалось при добавлении в url параметров?

Question

[kolibry1]

День добрый.
есть модальное окошко, работает в лоб на css:
<a href="#openModal".$numb>тык</a>

соответственно когда к url'у сверху прибавлено какое-то m.ru/#openModal77 - открывается модальное окошко. своё для каждой ссылки. Проблема в том, что в окне у меня должна быть фотогалерея с миниатюрками и увеличением их по клику. Кликабельность миниатюрок у меня такая же -
echo '<a href="#picture='.$at_id.'">тык</a>';
когда кликаю по картинке - модальное окошко закрывается, насколько я понимаю потому, что для него необходимо чтобы в url запись полностью соответствовала названию его класса.
то есть при урл
m.ru/#openModal2 - окно открыто
при всех остальных случаях (а я их перепрбовал много) закрывается:
m.ru/#openModal2/?pic=2682
m.ru/#openModal2/#pic2682
m.ru/#openModal2pic2682

как сделать чтобы внутри окошка можно было нормально переключать картинки?
p.s. jQuery не предлагать.. спасибо

Answer 1

[Анатолий]

Никак не сделать, нужно отдельно обрабатывать хеш руками для ваших нужд.

Comments

[kolibry1]

а как бы вы посоветовали решить поставленную задачу? (фотогалерея в модальном окне), очень сильно желательно без фансибокса и тд?
направление просто скажите

[Анатолий]

kolibry1: жс нужен, который берет хеш (допустим #openModal2/pic2682), разбирает на части (банальный split('/') и показывает все что нужно

[kolibry1]

:( понял. спасибо.
js хотелось бы избежать, тк на сайте уже что-то установлено, и они между собой конфликтовать начинают. Но - если это единственный путь, то ок. спасибо

[Анатолий]

kolibry1:
$(window).on('hashchange', function() {
var parts = location.hash.substr(1).split('/');
for (var q = 0; q < parts.length; q++) {
document.getElementById(parts[q]).style.display = 'block';
}
});

Это простейший кусок который покажет блоки, дальше можете по усмотрению менять под себя, и никто не будет конфликтовать ни с кем

[Анатолий]

Анатолий: неправильный код, он jQuery использует, https://developer.mozilla.org/ru/docs/Web/Events/h... вот пример от мозиллы

[kolibry1]

спасибо, Анатолий, огромное. буду разбираться