Effet au clic plus envoi post

Version imprimable

Bonjour,

J'essaye d'ajouter des effet sur une fonction post, je ne sais pas d'ou ça viens mais jquery me crache une drôle d'erreur.

voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="carte">
<p>test</p>
</div>
 
<script type="text/javascript">
$(document).ready(function() {
	$(".target a").live("click", function() {
		$("#carte").hide("drop", { direction: "down" }, 1000);
		var idpage = $(this).attr("id");
		$.post("inc/carte_post.php",{ print: idpage },
		   function(data){
			   $("#carte").html(data);
			   $("#carte").show("drop", { direction: "down" }, 500);
		 });
	});
});
</script>

Et dans firebug, quand le code s'exécute :

Code:

1
2
3
c.easing[this.options.specialEasing && this.options.specialEasing[this.prop] || a] is not a function
[Break on this error] e,this.options.orig[e]);this.options.c...++)a[b]()||a.splice(b--,1);a.length||
jquery.min.js (ligne 143)

Avez-vous une idée d'où viens cette erreur et si le code est correcte ?

Merci d'avance.

17/05/2010, 01h09
danielhagnoul

Bonsoir.

À première vue, je dirais que vous n'avez pas chargé le plug-in http://gsgd.co.uk/sandbox/jquery/easing/

[Edit]
Un effet easing sur hide() ? Je ne vois pas cela dans la documentation jQuery ? Avec animation(), oui !
17/05/2010, 11h43
HwRZxLc4

Arfff, oui j'ai vu mon erreur, j'avais mal crée le fichier jquery-ui sur le site http://jqueryui.com/download

Merci, grâce à vous j'ai pu vite me rendre compte de l'erreur et la ça fonctionne.
17/05/2010, 14h02
HwRZxLc4

Voila, je récupère le post car en fait c'est pas encore au top,

Quand je clic sur suivant ou précédant, la fonction fonctionne très bien mais la div qui est plus petite que le site s'affiche trop loin et me provoque un sautillement avec un affichage d'une sec d'une barre de défilement horizontale.

Par quelle moyen je pourrais faire pour que l'effet disparait dans une div et non sur le site complet ?

Merci pour votre aide.

[Edit 2010-05-18]

Punaise impossible à trouver, j'ai mi la div en question dans une autre div et pareille, l'effet passe sur tout le site :s
18/05/2010, 23h41
danielhagnoul

Bonsoir.

Impossible d'aider sans un code à tester.

ok, voila le code javascript

Code:

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
27
28
29
30
31
32
	function EffetCarte(idpage, url, direction, vitesse){
		if(direction == "suivant") {
			var directionA = "right";
			var directionB = "left";
		}
		else {
			var directionA = "left";
			var directionB = "right";
		}
		$("#carte").hide("drop", { direction : directionA }, vitesse);
 
		setTimeout(function(){
			$.post(url,
				{ print: idpage },
				function(data){
				$("#carte").html(data);
				$("#carte").show("drop", { direction : directionB }, vitesse);
			});
		}, vitesse);
		return false;
	}
 
	$(".target-s a").live("click", function() {
		var idpage = $(this).attr("id");
		EffetCarte(idpage, "inc/carte_post.php", "suivant", 1000);
		return false;
	});
	$(".target-p a").live("click", function() {
		var idpage = $(this).attr("id");
		EffetCarte(idpage, "inc/carte_post.php", "precedent", 1000);
		return false;
	});

Coté html, c'est une div à taille fixe dans le centre du site

20/05/2010, 08h59
danielhagnoul
Bonjour.

Comme déjà dit dans mon premier message, je ne comprends pas ces deux lignes :
Code:

1 2 $("#carte").hide("drop", { direction : directionA }, vitesse); $("#carte").show("drop", { direction : directionB }, vitesse);
:koi:

À ma connaissance, cela n'existe pas dans la documentation jQuery, il n'y aurait pas un plug-in là-dessous ? :?

[EDIT 2010-05-20 0950]

J'ai trouvé ! Dans UI Effects Methods !

Je viens de tester, l'effet drop n'a pas besoin d'options pour fonctionner et lorsque je lui en donne il n'en fait toujours qu'à sa tête. Cet effet me semble sensible à l'environnement CSS.
20/05/2010, 10h55
HwRZxLc4

Oui, c'est dans jquery-ui les options (ici pour les 4 directions) donc j'en conclu que je suis coincé et impossible de gérer ?
20/05/2010, 11h15
danielhagnoul

Bonjour.

C'est tout neuf pour moi, tout ce que je peux en dire c'est que dans mon test les directions ne fonctionnent pas correctement.
20/05/2010, 14h56
HwRZxLc4

Bonjour,

A bon !!! je suis étonné, il faut bien sur les 2 dernières version de jquery et jquery-ui.