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

[pasha77]

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

 

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

[Tom]

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

[pasha77]

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

[destreser]

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

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

http://htmlbook.ru/css/transition

[pasha77]

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

http://htmlbook.ru/css/transition

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

[pasha77]

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

/* 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) - перестает выпадать. Почему?

[Tom]

Находим в 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');
}
);

[pasha77]

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

[pasha77]

все еще актуально