[AJAX] Besoin d'aide sur AJAX
Bonjour tout le monde.
J'ai une page php, mysql qui affiche un certains nombres d'articles (avec une région répétée) en fonction des pages.
Mais Si il y a plus de 3 articles en résultat de la requete SQL, un lien suivant ou précédent apparaît.
Lorsque l'on clique dessus toute la page se recharge pour afficher les articles suivants. Jusque là tout fonctionne.
J'aimerais utiliser ajax jquery (ou autre) pour que lorsque l'on clique sur "suivant" les articles disparaissent et les suivants apparaissent, sans que toute la page est besoin de se recharger.
J'aurais donc besoin de votre aide car je suis novice en AJAX.
voici le bout de code avec les liens suivants et précédents en question.
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
|
<div id="coms-c">
<?php do { ?>
<div class="coms-contenu">
<div class="coms-photo"><img src="images/photos/<?php echo $row_articles['photo_article']; ?>" /></div>
<div class="coms-article">
<h1><?php echo $row_articles['titre_article']; ?></h1>
<h3><?php echo $row_articles['sous_titre_article']; ?></h3>
<p>
<?php echo $row_articles['contenu_article']; ?></p>
</div>
</div>
<div class="coms-entre">
<div class="coms-sepa"></div>
</div>
<?php } while ($row_articles = mysql_fetch_assoc($articles)); ?>
<div id="page-articles">
<table border="0" width="80%" align="center">
<tr>
<?php if ($pageNum_articles > 0) { // Show if not first page ?>
<td width="31%" align="center">
<p><a href="<?php printf("%s?pageNum_articles=%d%s", $currentPage, max(0, $pageNum_articles - 1), $queryString_articles); ?>">Articles précédents</a></p> </td>
<?php } // Show if not first page ?>
<?php if ($pageNum_articles < $totalPages_articles) { // Show if not last page ?>
<td width="23%" align="center">
<p><a href="<?php printf("%s?pageNum_articles=%d%s", $currentPage, min($totalPages_articles, $pageNum_articles + 1), $queryString_articles); ?>">Articles suivants</a>
<p>
</td>
<?php } // Show if not last page ?>
</tr>
</table> |