0

Я пытаюсь перейти на блок, по клику мыши на другом блоке.

Сейчас у меня реализовано это примерно так:

<div class="result_container">
    <a href="#dialog" name="modal">
        ...
    </a>
</div>


<div id="dialog" class="window">

Но! Кликнуть можно лишь на элементы, которые содержаться внутри блока, а на пустую область внутри div'а - нельзя. Помогите пожалуйста - как решить эту проблему? Пытался сделать через onClick div'а, но не срабатывает.

<div onclick="window.location.href='#dialog'">
5
  • htmlbook.ru/samhtml/yakorya как я знаю это работает только для ссылок. Чтобы работало для div делайте в js
    – axmed2004
    12 мая 2019 в 14:50
  • <a href="#dialog" name="modal"><div class="result_container">...</div></a> — А что мешает сделать наоборот?) 12 мая 2019 в 14:51
  • @OPTIMUSPRIME спасибо большое, прямо зациклился на этом и не подумал 12 мая 2019 в 15:19
  • Такой код не пройдёт валидацию ибо нельзя размещать внутри тега <a> блочные элементы. Плохо что разработчики браузеров не сочли нужным дабы "кодеры" соблюдали стандарты
    – InDevX
    12 мая 2019 в 15:28
  • А если нельзя, но везде работает - не равно "можно" ? (кстати, где официально записываются эти особенности?) 12 мая 2019 в 15:49

1 ответ 1

1

Всё прекрасно работает...

body {
  min-height: 2000px;
}

.result_container {
  background-color: grey;
  height: 200px;
}

#dialog {
  background-color: yellow;
  height: 150px;
}
<div class="result_container" onclick="window.location.href='#dialog'">
</div>
<div id="dialog" class="window">
</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.