[Ajax] Obligé de recharger la page :(
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
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 ?
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>
<?php
if(isset($_POST['champ']))
{
if(isset($_POST['bouton']))
{
echo '<script>
document.title = \'(1) Page !\';
</script>';
?>
<script>document.title = '(1) Page !';</script>
<?php
}
else
{
echo $_POST['champ'];
}
}
else
{
if($_POST['pouce']==1)
{
echo '<span class="pouce" style="color:green;cursor:pointer;" data-id="1">+1</span> | <span class="pouce" style="color:none;cursor:pointer;" data-id="0">-1</span>';
}
else if($_POST['pouce']==0)
{
echo '<span class="pouce" style="color:none;cursor:pointer;" data-id="1">+1</span> | <span class="pouce" style="color:red;cursor:pointer;" data-id="0">-1</span>';
}
else
{
echo '<span style="color:red;">Erreur</span>';
}
}
?>
A voir également:
- [Ajax] Obligé de recharger la page :(
- Impossible de supprimer une page word - Guide
- Numéro de page word - Guide
- Imprimer tableau excel sur une page - Guide
- Page d'accueil - Guide
- Consultez le code source de cette page. copiez la ligne qui indique aux moteurs de recherche de ne pas référencer la page. - Forum Réseaux sociaux
