J'ai un script simple de messages / notification qui fonctionne mais c'est Ajax qui ne veux pas fonctionner.
Normalement je devrais pas avoir à recharger la page pour que la notification s'affiche.
Seulement pour la première notification (1 message), une fois qu'elle est affichée, j'ajoute un nouveau message et là ça fonctionne, pas besoin de recharger la page
La page notifications.php et index.php :
<?php
require('connect.php');
$req = $bdd->prepare('SELECT COUNT(id) as row FROM wa_notifications WHERE lu=:lu');
$req->execute(array(':lu'=>false));
$data = $req->fetch(PDO::FETCH_OBJ);
echo $data->row;
?>
<?php
require('connect.php');
$req = $bdd->prepare('SELECT COUNT(id) as row FROM wa_notifications WHERE lu=:lu');
$req->execute(array(':lu'=>false));
$data = $req->fetch(PDO::FETCH_OBJ);
$count = $data->row;
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" href="style.css">
<title>qsdfqdsfqsdf</title>
</head>
<body>
<div id="content">
<div id="menu">
<ul>
<li><a href="accueil.php">Accueil</a></li>
<li><a href="#">Compte</a></li>
<li><a href="messages.php" <?php if($count>0):?> class="notification" data-notification="<?php echo $count;?>" <?php endif;?>>Messages</a></li>
</ul>
</div>
</div>
</body>
</html>
Le script.js :
[javascript]function getNotifications()
{
$.ajax({
type: 'POST',
url: 'notifications.php',
success: function(data){
if(data>0){
$('.notification').attr('data-notification', data);
}
}
});
setTimeout('getNotifications()', 5000);
}
$(document).ready(function(){
getNotifications();
});[/javascript]
J'ai cherché sur Google, j'ai pas réussi à trouver l'erreur, ou la modif à faire
Merci d'avance pour vos messages