Partage
  • Partager sur Facebook
  • Partager sur Twitter

rafraichir les cellules d'un tableau sans trembler

MajdaLaiti
    26 mars 2017 à 21:53:28

    Hello,

    tres debutante. alors, pardon, si la question est evidente.

    voila:

    pour faire simple, dans une page HTML, j'affiche un tableau avec des mesures.

             nombre clients: 40

             montant achats : 1000euros

    10mn, apres cette page doit se rafraichir pour afficher les nouvelles valeurs :

             nombre clients: 100

             montant achats : 5050euros

    ces valeurs se trouvent dans une base de donnees 

    je peux aussi les extraire et les ecrire dans un format specifique s'il le faut...

    question : comment rafraichir ce tableau, SANS avoir a rafraichir toute la page html et ainsi eviter le "tremblement" du rafraichissement totale de la page.

    sur google, on parle de beaucoup de choses ( php, ajax, json....)

    merci pour vos conseils.

    • Partager sur Facebook
    • Partager sur Twitter
    TommyServantt
      27 mars 2017 à 0:30:28

      Fait une requête AJAX toute les 10minutes !
      • Partager sur Facebook
      • Partager sur Twitter
      Avelan
        27 mars 2017 à 16:40:39

        Avec un setInterval en plus ^^
        • Partager sur Facebook
        • Partager sur Twitter
        MajdaLaiti
          27 mars 2017 à 17:16:24

          merci à tous.

          Mais, je débute gravement... :'(

          J'ai trouvé une exemple pour commencer, mais ne marche pas ...

          J'essaie d'afficher le contenu du fichier "ajax_info.txt", alors, je l'ai déposé dans le même répertoire où se trouve ma page html "ajax1.html"

                       xhttp.open("GET", "ajax_info.txt", true);

          Mais, rien ne s'affiche ...

          Il ne trouve pas le fichier "ajax_info.txt" ...

          Alors, je bloque déjà ...jai essayé avec "chrome, explorer,...", mais marche pas ...

          Merci d'avance.

          Voici le code en entier :

          <!DOCTYPE html>
          <html>
          <body>

          <h1>The XMLHttpRequest Object</h1>

          <p id="demo">Let AJAX change this text.</p>

          <button type="button" onclick="loadDoc()">Change Content</button>

          <script>
          function loadDoc() {
            var xhttp;
            if (window.XMLHttpRequest) {
              // code for modern browsers
              xhttp = new XMLHttpRequest();
              } else {
              // code for IE6, IE5
              xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.onreadystatechange = function() {
              if (this.readyState == 4 && this.status == 200) {
                document.getElementById("demo").innerHTML = this.responseText;
              }
            };
            xhttp.open("GET", "ajax_info.txt", true);
            xhttp.send();
          }
          </script>

          </body>
          </html>

          • Partager sur Facebook
          • Partager sur Twitter
          TommyServantt
            27 mars 2017 à 18:36:28

            Bon, déjà, utilise les balise code pour afficher du code.

            Ensuite, au lieu de pompé du code direct, tu devrais plutot esseyer de comprendre comment tout ca fonctionne.

            Tu devrais vraiment lire le cours sur JavaScript sur OC pour comprendre comment javascript influence le DOM, etc. et ensuite, te pencher sur la question des requêtes asynchrone...

            • Partager sur Facebook
            • Partager sur Twitter
            MajdaLaiti
              27 mars 2017 à 20:00:39

              Oui, mais c'est un exemple d'un tutorial que j'ai trouvé.

              c'est un des premiers exemples pour les "beginners" ... pourtant, je n'y arrive pas.

              Je ne sais pas où je dois poser le fichier "ajax_info.txt" ...

              En fait, j'essai d'apprendre par l'exemple. pour moi, j'apprends plus vite quand j'apprends par l'exemple.

              Mais, si on peut me conseiller des liens où l'on peut apprendre facilement ...

              il y a tellement de choses sur google, que faire le tri et choisir un "bon" tutorial est difficile ...

              Merci .

              • Partager sur Facebook
              • Partager sur Twitter
              TommyServantt
                27 mars 2017 à 20:02:17

                Tu es sur un site qui offre gratuitement des cours pour plein de truc, et, a ma conaissance, il y a en a un excellent sur javascript..
                • Partager sur Facebook
                • Partager sur Twitter
                MajdaLaiti
                  27 mars 2017 à 22:01:51

                  merci Tommy de t'intéresser à mon cas.

                  mon besoin est tres ponctuel.

                   ce rafraichissement, je compte m'en servir pour un seul tableau Provisoirement.

                   j'ai essayé de sous-traité ce besoin, sans succès .. alors, j'essaie d'apprendre comme je peux... 

                  merci pour l'aide de tous. :-):-) je finirais bien par trouver.

                  • Partager sur Facebook
                  • Partager sur Twitter
                  Alexander M
                  • Javascript

                  rafraichir les cellules d'un tableau sans trembler

                  × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                  × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                  • Editeur ●
                  • Markdown