Discussion :

[vlotho]

Bonjour,

Etant totalement inculte au niveau du javascript, je me demandé si quelqu'un pouvait m'indiquer une formule miracle permettant de faire l'affichage présenté sur ce site :

http://www.tekenligne.fr/

Celui qui est fait quand on ajoute ou quand on supprime un élément du panier d'achat en haut à droite, sachant qu'il doit ce faire en prototype/scriptaculous.

Je vous remercie infiniment et par avance.
Gros bisous

[NoSmoking]

Bonjour,

je me demandé si quelqu'un pouvait m'indiquer une formule miracle...

click droit -> Code source de la page, voilà un bon début, mais....cela utilise jQuery!

[vlotho]

et oui j'ai vu c'est ca le problème. à la base c'est un code de prestashop et la j'ai trouvé les fonctions qui gère tout ca mais bon ... Après le problème c'est qu'il utilise leur propres systèmes de template qui diffère du miens c'est à dire celui de phpboost, donc tout ce mélange et c'est assez complexe à comprendre. Et il y a le problème de jquery. Comment adapter en prototype ...

Je met une fonction au cas ou quelqu'un saurais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// try to expand the cart
expand : function(){
	if ($('#cart_block_list').hasClass('collapsed'))
	{
		$('#cart_block_summary').slideUp(200, function(){
			$(this).addClass('collapsed').removeClass('expanded');
			$('#cart_block_list').slideDown({
				duration: 450,
				complete: function(){$(this).addClass('expanded').removeClass('collapsed');}
			});
		});
		// toogle the button expand/collapse button
		$('#block_cart_expand').fadeOut('slow', function(){
			$('#block_cart_collapse').fadeIn('fast');
		});
		// save the expand statut in the user cookie
		$.ajax({
			type: 'POST',
			headers: { "cache-control": "no-cache" },
			url: baseDir + 'modules/blockcart/blockcart-set-collapse.php' + '?rand=' + new Date().getTime(),
			async: true,
			cache: false,
			data: 'ajax_blockcart_display=expand'
		});
	}
},

[NoSmoking]

Il me semble que le plus sage est d'aller voir ce qui est présent dans la documentation officielle.

Il existe des exemples de mise en application

• Effect.Fade
• Effect.SlideUp