Utilisateur anonyme
-
28 janv. 2014 à 18:20
Utilisateur anonyme -
28 janv. 2014 à 18:29
Bonsoir,
Je peux pas appuyer sur +1 ET -1... je suis obligé de recharger la page
Vous auriez une idée s'il vous plait?
* C'est pas logique puisque les onblur marchent à l'infini (en gros j'ai pas besoin de recharger la page !).
+ Vous pouvez constatez que j'ai un code assez simple, je trouve personnellement que c'est le plus simple et je l'espère.
Cependant j'ai trouvé pas mal de tuto avec "gestionnaire d'événements" mais ça à l'air long et compliqué, à première vue je comprends pas comment faire, il faut que je cherche quelque chose de précis ?
<!DOCTYPE html>
<html>
<head>
<title>Page !</title>
<meta charset="UTF-8">
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script>$(function() {
$('.pouce').click(function() {
// lorsque l'on clique sur la class css class_du_pouce
var id = $(this).data("id"); //tu récupère l'id, nécessaire pour faire un +1 dans la bdd
$.ajax({
type: 'POST',
url: 'pouce2.php',
data: {pouce: id},
success: function(d) {
$('#res1').html(d);
}
});
});
});
</script>
<span id="res4"></span>
</head>
<body>
<input type="text" name="champdunom" id="1" data-champ="1" onBlur="envoyer(1)"/><br>
<input type="text" name="champdunom" id="2" data-champ="2" onBlur="envoyer(2)"/><br>
<input type="text" name="champdunom" id="3" data-champ="3" onBlur="envoyer(3)"/><br>
<input type="submit" name="submit" id="4" data-bouton="4" onclick="envoyer2(4)"/><br>
<span id="res3"></span><br>
<script>
function envoyer(num){
var valeurchamp = document.getElementById(num).value;
$.ajax({
type: 'POST',
url: 'pouce2.php',
data: {champ: valeurchamp},
success: function(d) {
$('#res3').html(d);}
});
}
function envoyer2(4){
var bouton = document.getElementById(4).value;
$.ajax({
type: 'POST',
url: 'pouce2.php',
data: {bouton: bouton},
success: function(d) {
$('#res4').html(d);}
});
}
</script><br>
<hr>
<span id="res1">
<span class="pouce" data-id="1" style="cursor:pointer;">+1</span> | <span class="pouce" data-id="0" style="cursor:pointer;">-1</span>
</span>
</body>
</html>
