Raffraichissement d'une Div dans ma page HTML/PHP

**UDSP50** · 27/03/2023, 14h08

Bonjour à tous,

Je ne sais pas où poster ce message JavaScript / Ajax ...

J'avoue que je suis une peu perdu.

En effet, malgré tout ce que j'ai pu suivre comme tuto et tout ce que j'ai essayé, je n'arrive pas à mes fins.
Je m'explique,

J'ai une page PHP qui contient beaucoup beaucoup d'informations.
Dans cette page j'ai une division "<div id="messages">

Pour faire simple j'ai fait une page "essai" contenant que cette DIV.

voici le code

essai.php :

Code html :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
 
 
</head>
 
 
<body>
 
 
<div id="messages">
	<?php 
                include('../db_connect.php');
                $result2=$mysqli->query("SELECT * FROM dispo_dragon");
                while($row = $result2->fetch_array()){$id=$row['id'];$date=$row['date'];$med=$row['med'];$dragon=$row['dragon'];$disponibilite=$row['disponibilite'];$nom_enregistrement=$row['nom_enregistrement'];}
                
                echo $med; 
        ?>
 </div>
 
</body>
</html>

Voilà j'ai tout enlevé et gardé que ma DIV

Voici mon souci,

j'ai 6 postes dans mon entreprise,
la donnée "Med" de ma bdd est située dans la DIV messages

j'aimerai que lorsqu'une personne modifie la donnée "Med" , les autres postes connectés sur cette page, que la DIV s'actualise toutes les 2 secondes par exemples, mais sans actualiser toute la page.

J'espère être clair, mais j'avoue que rien de ce que j'ai essayer fonctionne.

Pouvez vous m'aider

Grand merci à vous

**SpaceFrog** · 27/03/2023, 14h27

Le souci provient du fait que le serveur ne peut pas déclencher le rafraichissement des autres utilisateurs.
Sauf à utiliser des sockets.

Le plus simple serait de passer par un ajax qui vérifie régulièrement si la donnée à été modifiée, ou recharger en block la div, das, un setInterval par exemple.

l'intervalle de 2 secondes me parait cependant un peu short pour ce genre de rafraichissement il vaudrait mieux tabler sur 3 secondes (durée généralement adoptée pour des rafraichissement en boucle)

**UDSP50** · 27/03/2023, 14h50

Déjà merci de votre réponse

Ensuite
Oui 3 secondes 4 seconde, cela m'est égal du moment que cela fonctionne

Dites moi auriez vous un tuto clé en main qui me permette de réaliser cela car j'ai eu beau chercher j'ai rien trouver et l'ajax, même pas ca me parle

Encore merci à vous

**SpaceFrog** · 27/03/2023, 15h25

https://ajax.developpez.com/cours/

**UDSP50** · 29/03/2023, 12h35

Bonjour à tous

Je viens ici car apparemment c'est par ici que cela se passe

J'ai une page avec une Div

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
</head>
 
 
<body>
<div id="MaDiv">ici mon php qui affiche une donnée qui peut changer</div>
 
 
Ici le reste de ma page
</body>
</html>

J'aimerai que la Div se rafraichisse toutes les 5 secondes mais sans mettre à jour toute la page.

Bien évidement, si je viens ici c'est que j'ai essayé plein de choses mais sans succès.

Je n'y connais rien en AJAX, jai essayé de m'inspirer de tutos mais sans succès.

Donc si quelqu'un pouvait me mettre un exemple simple mais complet cela serait super sympa

Merci à vous les programmeurs

Bonne journée

Raffraichissement d'une Div dans ma page HTML/PHP

AJAX

Discussions similaires

Partager

Partager