1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Сделать блок div с его содержимым ссылкой

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем AlexGood, 11 май 2018.

  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Пробовал такой вариант:
    HTML:
    <div onClick="window.location='http://адрес_сайта' "></div>
    Вроде как работает, но чтобы на локалке сделать ссылку на модальное окно то не получается.
    Описывал таким образом:
    HTML:
    <div onClick="window.location='/discount_for_the_card.php#myModalSailMK/' ">
     
  2. Nickbur

    Nickbur

    Регистрация:
    9 май 2018
    Сообщения:
    9
    Симпатии:
    6
    А можно узнать что за сценарий использования у вас такой, что нельзя использовать <a href="#">...</a> с display: block; ?
     
  3. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    HTML:
    <div onClick="window.location='/discount_for_the_card.php#myModalSailMK/' ">
                            <div class="sale_charity">2</div>
                            <div class="sale_discount_rate">22</div>
                            <a href="#" class="link_modal link_img" data-toggle="modal" data-target="#myModalSailMK">
                                <img src="images/sale_logo1.jpg" alt="ECCO">
                            </a>
                            <a href="#" class="sail-categorie-name">Одежда, обувь, аксессуары</a>
                            <div class="sail-categorie-info">Модальное окно тест!</div>
                            <span class="sail-categorie-name2">Ecco</span>
                        </div>
    Как-то так общий блок выглядит, но нужно чтобы он весь целиком был ссылкой.
    Поэтому я и пробовал
    onClick="window.location='/discount_for_the_card.php#myModalSailMK/'
     
  4. Nickbur

    Nickbur

    Регистрация:
    9 май 2018
    Сообщения:
    9
    Симпатии:
    6
    Я бы копал в сторону
    $('div').children().click(function() {
    ...
    };
     
    AlexGood нравится это.
  5. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Если задача вызывать модальное окно, то ссылка вообще не нужна!

    При чём, у вас же уже есть прямо в вашем коде пример, как вызывать модальное окно Бутстрапа:
    HTML:
    <a href="#" class="link_modal link_img" data-toggle="modal" data-target="#myModalSailMK">
                                <img src="images/sale_logo1.jpg" alt="ECCO">
                            </a>
    Эти дата атрибуты можно повесить на любой тег!
     
    AlexGood нравится это.