Перейти к содержанию
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

  • +1 1

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


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

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

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


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

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

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

http://htmlbook.ru/css/transition

  • +1 1

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


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

Плохо изучили 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');
}
);
  • +1 1

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


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

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

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

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

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

×

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

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