Partage

Liste d'achats dynamique en Ajax ou Javascript

Mysql,php,javascript,ajax

Sujet résolu
2 janvier 2018 à 19:09:30

<?php
session_start();
include 'includes/config.php'; //Config bdd
<html>
<head>
	<meta charset="utf-8">
	<title>Liste des achats</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<meta name="viewport" content="width=675px" />
	<meta name="author" content="Un truc" />
	<meta name="description" content="Lol">
</head>

<body style="font-family:'Arial'; width:40%;margin:0 auto;">
  <div class="container">
      <div class="white section-top box select">
        <div>
          <div class="section">
            <div class="sous-section" style="display: block;">
              <form id="formSelect" method="POST" class="title-sous-section" style="font-size:25px;float:left;">
                <h3>Fruit</h3>
                <ul class="menu-sous-section pl-autre">
                  <li style="list-style-type:none;">
                    <label for="check" style="cursor:pointer;"><input type="submit" hidden id="check" width="100%" value="Oignons" name="check">Tomate</label>
                  </li>
                  <li style="list-style-type:none;">
                    <label for="check" style="cursor:pointer;"><input type="submit" hidden id="check" width="100%" value="Oignons" name="check">Oignons</label>
                  </li>
                  <li style="list-style-type:none;">
                    <label for="check" style="cursor:pointer;"><input type="submit" hidden id="check" width="100%" value="Oignons" name="check">Carrotte</label>
                  </li>
                </ul>
              </form>
            </div>
          </div>
        </div>
      </div>
      <div style="float:right;width:300px;">
        <div>
          <h4 class="title center" style="font-size:18px;">Aperçu de ma liste</h4>
          <h4 class="title price">Total: 136€</h4>
          <center><a href="" class="btn-add" style="text-decoration:none;color:grey;">Acheter</a></center>
          <br>
          <div class="list" id="list">
            <?php include 'includes/listAchats.php'; ?> // liste achat auto actualisant en ajax
          </div>
        </div>
    </div>
  <div class="clear"></div>
  </div>

  <script type="text/javascript">

  function refresh(){
    setTimeout(function(){
      $('#list').load('includes/listAchats.php');
      refresh();
    }, 500);
  }

  $(document).ready(function(){
    refresh();
  });
  </script>

</body>
</html>

Le resultat :

Vous êtes demandeur·se d'emploi ?
Sans diplôme post-bac ?

Devenez Développeur·se web junior

Je postule
Formation
courte
Financée
à 100%

Liste d'achats dynamique en Ajax ou Javascript

× 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