Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как ссылки из меню «Выберите модель» поставить с помощью тега <a> (https://javascript.ru/forum/misc/43646-kak-ssylki-iz-menyu-vyberite-model-postavit-s-pomoshhyu-tega.html)

Werwolf23188 15.12.2013 14:50

Как ссылки из меню «Выберите модель» поставить с помощью тега <a>
 
Как ссылки из меню «Выберите модель» поставить с помощью тега <a>, а не по средствам onclick="document.location.href='/catalog/?product=1'?

Код:

<a class="choose-model" href="javascript:void(0)">Выберите модель
        <div class="submenu-model" style="cursor: default !important;">
            <div class="sub-item">
                <h3>595</h3>
                <div onclick="document.location.href='/catalog/?product=5'">
                    <img src="/common/img/bort/1small.jpg">
                    <img src="/common/img/bort/2small.jpg">
                    <span>Продукт<small>продукт 5</small></span>
                </div>
                <div onclick="document.location.href='/catalog/?product=50'">
                    <img src="/common/img/bort/3small.jpg">
                    <img src="/common/img/bort/4small.jpg">
                    <span>Продукт 50 AB<small>продукт 50</small></span>
                </div>
                <div onclick="document.location.href='/catalog/?product=49'">
                    <img src="/common/img/bort/5small.jpg">
                    <img src="/common/img/bort/6small.jpg">
                    <span>Продукт 49 CB<small>продукт 49</small></span>
                </div>
            </div>
            <div class="sub-item">
                <h3>565</h3>
                <div onclick="document.location.href='/catalog/?product=4'">
                    <img src="/common/img/bort/7small.jpg">
                    <img src="/common/img/bort/8small.jpg">
                    <span>Продукт 4 CV<small>продукт 4</small></span>
                </div>
            </div>
            <div class="sub-item">
                <h3>342</h3>
                <div onclick="document.location.href='/catalog/?product=1'">
                    <img src="/common/img/bort/9small.jpg">
                    <img src="/common/img/bort/10small.jpg">
                    <span>Продукт 1 VC<small>продукт 1</small></span>
                </div>
            </div>
          </div>
 </a>


danik.js 15.12.2013 15:19

Цитата:

Сообщение от Werwolf23188
Как

Руками не получается?

Werwolf23188 15.12.2013 15:41

Руками не получается?
 
Спасибо за ценный совет, профэссор! Но руками пока не получается -только ногами. Если бы я был такой же умный, как ты, я бы вопросов не задавал, а над новичками стебался.

рони 15.12.2013 17:07

Werwolf23188,
<div onclick="document.location.href='/catalog/?product=1'">...</div>

<a href='/catalog/?product=1'>...</a>

так?

Werwolf23188 15.12.2013 21:55

Попробовал - так не работает меню.

рони 15.12.2013 22:01

Werwolf23188,
попробуйте дописать ссылку в href полностью

Werwolf23188 15.12.2013 22:27

Попробовал -менюшка всё равно не работает. Если сделать -

Код:

<div>
    <img src="/common/img/bort/1small.jpg">
    <img src="/common/img/bort/2small.jpg">
    <span>Продукт<small>продукт 5</small></span>
</div>

Меню работает, изображения есть, только нет прохода по ссылке /catalog/?product=1 , естественно, так как её нет. Вот, для меня, и вопрос: как обойтись без onclick и поставить с помощью тега <a> ссылку.

рони 16.12.2013 00:13

Werwolf23188,
недостаточно информации от вас

Werwolf23188 16.12.2013 21:55

недостаточно информации
 
Извините, что вчера не ответил - ушёл спать. Вобщем, какая картина - в похожей менюшке помогло так:
Код:

           
                <a href='/catalog/?product=1'">
                <div>
                    <img src="/common/img/bort/9small.jpg">
                    <img src="/common/img/bort/10small.jpg">
                    <span>Продукт 50 AB<small>продукт 50</small></span>
                </div></a>

Всё отлично работает. В этом же меню, по наведению курсора, появляется всплывающее окно с изображениями и ссылками. Как я понял, здесь такой же метод не проходит потому, что событие onclick обрабытывает скрипт и нужно править сам скрипт. Все упоминания о javascript:void(0) нашёл в TinyMCE. Подскажите, пожалуйста, реально тут что-либо сделать и правильно ли я понял ситуацию? Можно как-то реализовать без срипта?

рони 16.12.2013 22:03

Цитата:

Сообщение от Werwolf23188
правильно ли я понял ситуацию?

нет
Цитата:

Сообщение от Werwolf23188
javascript:void(0)

это всего лишь "заглушка" - отмена перехода по ссылке Выберите модель
-- по прежнему непонятно что вы хотите и что у вас всплывает.

рони 16.12.2013 22:05

Werwolf23188,
http://javascript.ru/void


Часовой пояс GMT +3, время: 03:53.