Перейти к содержанию
pasha77

[Решено] Как сделать чтобы корзина в верхнем меню выпадала при наведении, а не нажатии?

Рекомендуемые сообщения

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

 

Действительно очень надо :) в пхп и скриптах совсем мало понимаю, пока только html и css хорошо изучил.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

catalog\view\javascript\common.js

 

найти

 

/* Ajax Cart */$('#cart > .heading a').live('click', function() {$('#cart').addClass('active');$('#cart').load('index.php?route=module/cart #cart > *');$('#cart').live('mouseleave', function() {$(this).removeClass('active');});});

и сменить    click   на mouseover

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

спасибо огромное, не сомневался что это просто. как сделать чтобы плавно выезжало?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

спасибо огромное, не сомневался что это просто. как сделать чтобы плавно выезжало?

Плохо изучили CSS :)

http://htmlbook.ru/css/transition

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Плохо изучили CSS :)

http://htmlbook.ru/css/transition

да если честно, все эти вебкиты, закругления и тп стороной обошел. спасибо разберусь теперь!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Хочу решить с помощью джавы.

/* Ajax Cart */
$('#cart > .heading a').live('click', function() {
$('#cart').addClass('active');


$('#cart').load('index.php?route=module/cart #cart > *');


$('#cart').live('mouseleave', function() {
$(this).removeClass('active');
});
});

Меняю .addClass('active') на .slideDown(300) - перестает выпадать. Почему?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Находим в common.js 

$('#cart > .heading a').live('click', function() {
        $('#cart').addClass('active');
    
        $('#cart').load('index.php?route=module/cart #cart > *');
    
        $('#cart').live('mouseleave', function() {
            $(this).removeClass('active');
        });
    });

заменяем на

$("#cart").hover(
function () {
$('#cart .content').add("#cart .content").load('index.php?route=module/cart .content > *').stop(true, true).show('slow');$('#cart').addClass('active');
},
function () {
$('#cart .content').stop(true, true).hide('fast');$(this).removeClass('active');
}
);

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

нужно чтобы корзина выезжала не вправо а вниз. Меняю .show('slow') на .slideDown(300) - при наведении корзина сразу выпадает на примерно 3/4 и потом оставшаяся часть плавно выезжает.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Вы комментируете как гость. Если у вас есть аккаунт, пожалуйста, войдите
Ответить в этой теме...

×   Вы вставили контент с форматированием.   Удалить форматирование

  Разрешено использовать не более 75 смайлов.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.