desactiver evenement click apres un clic

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour,
j'ai une instruction ajax, qui a l'aide d'un evenement Click lance une fonction.

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
$('.rate').click(function(){
	$.ajax({
		type: "GET",
		url: "loco/rate-product.php",
		dataType : 'json',
		data: "do=rate&product_id=" + some_product_id + "&rate="+$(this).text(),
		cache: false,
		async: false,
		success: function(result) {
			avg=result.avg;
			sum=result.count;
			$("#votes").html("Average:" + avg);
			$(".vote_count").html(sum + " vote(s)");
			$('.rate').rating('select',avg);
			$('input',this.form).rating('readOnly',true);
			//$('input',this.form).rating('disabled',true);
			//$('input',this.form).rating('return',false);
 
		},
		error: function() {
			alert("Error, please try again2");
		}
	});
});

J'ai un formulaire qui sert a faire une notation par étoile. Le but de cette manoeuvre est d'empecher les clics répétés.

Merci d'avance

soit tu mets un flag dans le data du bouton et tu le teste pioru lancer ou non l'ajax
soit tu bascule le style display à none

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
$('.rate').click(function(){
	$.ajax({
		type: "GET",
		url: "loco/rate-product.php",
		dataType : 'json',
		data: "do=rate&product_id=" + some_product_id + "&rate="+$(this).text(),
		cache: false,
		async: false,
		success: function(result) {
			avg=result.avg;
			sum=result.count;
			$("#votes").html("Average:" + avg);
			$(".vote_count").html(sum + " vote(s)");
			$('.rate').rating('select',avg);
			$('input',this.form).rating('readOnly',true);
			//$('input',this.form).rating('disabled',true);
			//$('input',this.form).rating('return',false);
 
		},
		error: function() {
			alert("Error, please try again2");
		}
	}).css({'display':'none'});
});

27/06/2011, 15h51
Bovino

Code:

$('.rate').unbind('click');

devrait suffire :?
27/06/2011, 15h55
SpaceFrog

on peut réaxctiver après un unbind?,

vu que là il y a réessayer ... il rique d'avoir besoin du click plus tard non ?
28/06/2011, 09h05
thildouille

Merci les gars, ca marche, ça me désactive bien les clics et les votes refonctionnent bien apres rafraîchissement de la page.
Merci encore :ccool:
28/06/2011, 09h14
Bovino

Tiens, j'avais pas pensé à la méthode one() qui correspond encore mieux à ce que tu souhaites, notamment si tu as plusieurs votes sur la même page :

Code:

$('.rate').one('click', function(){...});

qui permet de ne lancer l'événement qu'une seule fois pour chaque élément de classe rate.
28/06/2011, 09h19
thildouille

J'avais essayé mais le fait que mes boutons radio est le même nom mais pas la meme valeur, effectivement avec .one("click"... je ne pouvais plus re-cliquer sur la même valeur deux fois, mais je pouvais quand meme en selectionner une autre.
24/07/2011, 12h20
thildouille

ne fonctionne pas sous Internet explorer

Je vous remercie encore pour vos reponses, mais sous internet explorer, j'ai l'erreur Error, please try again1 qui s'affiche . :calim2:
24/07/2011, 12h36
Bovino

Citation:

Envoyé par thildouille

j'ai l'erreur Error, please try again1 qui s'affiche . :calim2:

C'est bien, mais vu que ce message n'apparait nulle part dans le code que tu nous a montré, je vois mal comment on pourrait t'aider...

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
$(document).ready(function() { 
 
var variable = location.search;     
var variable = location.search.substring(1,location.search.length); 
var variable = variable.substring(3); 
 
 
 
var some_product_id=variable; 
 
 
getRating(some_product_id); 
 
function getRating(id){ 
    $.ajax({ 
        type: "GET", 
        url: "loco/rate-product.php", 
        dataType : 'json', 
        processData: false, 
        data: "do=getRate&product_id=" + id, 
        cache: false, 
        async: false, 
        success: function(result) { 
            avg=result.avg; 
            sum=result.count; 
            $("#votes").html; 
            $(".vote_count").html(sum + " vote(s)"); 
            $('.rate').rating('select',avg); 
        }, 
        error: function() { 
            alert("Error, please try again1"); 
        } 
    }); 
} 
 
$('.rate').click(function(){ 
    $.ajax({ 
        type: "GET", 
        url: "loco/rate-product.php", 
        dataType : 'json', 
        data: "do=rate&product_id=" + some_product_id + "&rate="+$(this).text(), 
        cache: false, 
        async: false, 
        success: function(result) { 
            avg=result.avg; 
            sum=result.count; 
            $("#votes").html("Average:" + avg); 
            $(".vote_count").html(sum + " vote(s)"); 
            $('.rate').rating('select',avg); 
            $('input',this.form).rating('readOnly',true); 
            $('.rate').unbind('click'); 
 
        }, 
        error: function() { 
            alert("Error, please try again2"); 
        } 
    }); 
}); 
});

Voici mon php

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
33
34
35
36
37
38
39
40
function getRate() {
	$sql= "select ifnull(round(sum(rate)/count(*),0),0) avg, count(*) count from rate where product_id=" . $_GET['product_id'];
	if($result=mysql_query($sql)) {
		if($row=mysql_fetch_array($result)) {
			$rate['avg'] = $row['avg'];
			$rate['count'] = $row['count'];
			echo json_encode($rate);
		}
	}
}
 
 
function rate() {
	$ip = $_SERVER["REMOTE_ADDR"];
 
	$product = $_GET['product_id'];
	$valideip = "SELECT * FROM  rate WHERE ip = '$ip' AND product_id = '$product' ";
 
	$sql = "insert into rate (product_id, rate, ip) values (" . $_GET['product_id'] . ", ".$_GET['rate'].",'$ip')";
 
	if($result=mysql_query($sql)) {
		getRate(); //call retrieve from getRate function
	}
}
 
 
 
if(!empty($_GET['do'])) {
	include 'config.php';
	include 'opendb.php';  //open database connection
 
	if($_GET['do']=='rate'){
		// do rate
		rate();
	}
	else if($_GET['do']=='getRate'){
		// get rating
		getRate();
	}
}

Code:

1 2 3 var variable = location.search; var variable = location.search.substring(1,location.search.length); var variable = variable.substring(3);
:roll:

Tu déclares trois fois la même variable... chaque déclaration écrase la précédente.

24/07/2011, 12h50
thildouille

j'ai mis un

Code:

alert(variable);

et j'ai bien l'id qui s'affiche sous explorer.

J'ai désactivé
Code:

1 2 3 //var variable = location.search; //var variable = location.search.substring(1,location.search.length); //var variable = variable.substring(3);
et mis par exemple:

Code:

var some_product_id=121;

Mais j'ai toujours le message d'erreur. :cry:

24/07/2011, 18h13
Bovino

Citation:

Envoyé par thildouille

Mais j'ai toujours le message d'erreur. :cry:

Ben dis-toi que le script n'arrive pas à joindre la page PHP :roll:
Tu es sûr de l'URL ?

Ceci dit, c'est quand même une bonne chose pour toi, ça évitera de vilaines injections SQL

Code:

$sql= "select ifnull(round(sum(rate)/count(*),0),0) avg, count(*) count from rate where product_id=" . $_GET['product_id'];

Code:

$sql = "insert into rate (product_id, rate, ip) values (" . $_GET['product_id'] . ", ".$_GET['rate'].",'$ip')";

:mouarf:
24/07/2011, 18h48
thildouille

Mais ce qui est bizard c'est que ca fonctionne nickel sous firefox et safari etc...
mais pas sous IE

Et que te renvoie

Code:

1
2
3
error: function(jqXHR, textStatus, errorThrown) { 
    alert(textStatus+' - '+errorThrown); 
}

24/07/2011, 19h08
thildouille

Ca me retourne parsererror - undefined

Qu'est ce que ça veut dire?

[Edit]

Comment je peux résoudre ce problème?
Merci d'avance
25/07/2011, 09h30
thildouille

Bonjour j'ai pu lire sur le net que suite a parsererror - undefined ça peut venir d'un problème d'encodage utf8. J'ai lu ça sur des site en anglais, mais comment forcer l'utf8. Vous en pensez quoi? :calim2:
25/07/2011, 11h58
danielhagnoul

Bonjour

jQuery, jQuery UI et le web d'aujourd'hui travaillent en UTF-8.

Tutoriel : Passez à l'UTF-8 sans manquer une étape par Josselin Willette
25/07/2011, 12h01
thildouille

Justement ma page est:

Code:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Mais si ça passe sous firefox et safari, ça ne doit pas venir de ça.

Voir 40 message(s) de cette discussion en une page