IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

Raffraichissement d'une Div dans ma page HTML/PHP


Sujet :

AJAX

  1. #1
    Membre �clair�
    Profil pro
    Inscrit en
    Ao�t 2007
    Messages
    412
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Ao�t 2007
    Messages : 412
    Par d�faut Rafraichissement automatique d'une div toutes les 2 secondes
    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

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par d�faut
    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)
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Membre �clair�
    Profil pro
    Inscrit en
    Ao�t 2007
    Messages
    412
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Ao�t 2007
    Messages : 412
    Par d�faut
    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

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  5. #5
    Membre �clair�
    Profil pro
    Inscrit en
    Ao�t 2007
    Messages
    412
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Ao�t 2007
    Messages : 412
    Par d�faut Raffraichissement d'une Div dans ma page HTML/PHP
    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

Discussions similaires

  1. Charger une image dans un page Html
    Par cjacquel dans le forum G�n�ral Conception Web
    R�ponses: 1
    Dernier message: 05/03/2018, 15h16
  2. R�ponses: 4
    Dernier message: 14/05/2014, 15h27
  3. Inclure une div externe � ma page html
    Par Dynam�s dans le forum jQuery
    R�ponses: 27
    Dernier message: 07/06/2012, 14h50
  4. JS qui permet de modifier une div dans ma page � partir d'un clic
    Par sheira dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 28/09/2010, 10h53
  5. [Webradio]-mettre une webradio dans 1 page html
    Par mohamed dans le forum Services
    R�ponses: 2
    Dernier message: 19/09/2007, 23h41

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo