Discussion :

[HwRZxLc4]

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 :

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
<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 :

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

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.

[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 !

[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.

[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

[danielhagnoul]

Bonsoir.

Impossible d'aider sans un code à tester.

[HwRZxLc4]

ok, voila le code javascript

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
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