Discussion :

[soeursourire]

Bonjour,

J'ai une page php (un blog d'articles) dans laquelle j'ai cette div qui affiche tous les articles de ma base de données quand on ouvre cette page d'accueil du blog:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<div class="thearticles">
 
 
          <?php
                
                  $reponse = $bdd->query('SELECT * FROM blog_article');
 
                  while ($donnees = $reponse->fetch()) {
          ?>
                    <article>
                        <div class="article-title">
                          <h3><?php echo $donnees['titre']; ?></h3>
                        </div>
 
                    <span class="article-category">
                      <i class="fa fa-tag fa-rotate-90" aria-hidden="true"></i>
                      <?php 
                        $idcat=$donnees['id_categorie'];
                        $categ = $bdd->query("SELECT * FROM blog_categorie WHERE id = $idcat");
                        while ($cat = $categ->fetch()) {
                          echo $cat['label'];
                        }
                        
                      ?>
                    </span>
 
                      <hr>
                      <div class="article-content">         
 
                        <span class="article-post">Posté le <?php echo $donnees['date_creation']; ?></span>
 
                        <p><?php echo $donnees['contenu']; ?></p>
 
                        <?php 
                          $idArticle = $donnees['id'];
                        ?>
                        <a href="article.php?page=<?php echo $idArticle; ?>" class="article-suite">Lire la suite ...</a>
 
                      </div>
 
                      <div class="article-img">
                        <img src="<?php echo $donnees['url_img']; ?>" />
                      </div>
 
                      <span class="article-share-item"> Partager</span>
 
                      </article>
 
          <?php          
                  }
 
                  $reponse->closeCursor();
          ?>

</div>

Mais j'ai aussi sur cette meme page php un datepicker et je voudrais qu'en cliquant sur une date de ce calendrier je n'affiche que les articles postés à cette date sélectionnée

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
$(function() {
	$( "#datepicker").datepicker({
 
		onSelect: function(dateText, inst) {
			var date = $(this).val();
			alert('on select triggered');
 
		}
	});
});

Je ne sais pas trop comment partir là-dessus: comment changer le code de ma page php en passant par jQuery? Est-ce qu'il y a un moyen de dire pour la div de classe "thearticles" est remplacée par une autre? Suis un peu perdue.
Merci.

[Toufik83]

pour celà il te faut la fonction ajax qui permet d'envoyer et de recevoir des données depuis le serveur.

[NoSmoking]

Bonjour,

...qui affiche tous les articles de ma base de données...

l’utilisation d'Ajax ne semble donc pas nécessaire dans ce cas.

Un approche serait de mettre une balise <time> dans tes articles et de faire le tri suivant celle-ci.
The time element