SHARE
TWEET

Untitled

a guest Dec 5th, 2019 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.     <meta charset="UTF-8">        
  2.     <title>Panier HTML5 + JavaScript</title>        
  3.     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.cs s" rel="stylesheet">
  4.     <link rel="stylesheet" href="css/style.css">            
  5.     <script type="text/javascript" src="panier.js"></script>        
  6.     <script type="text/javascript">            
  7.         function ajouter()            
  8.         {                
  9.         var code = parseInt(document.getElementById("id").value);                
  10.         var qte = parseInt(document.getElementById("qte").value);                
  11.         var prix = parseInt(document.getElementById("prix").value);                
  12.         var monPanier = new Panier();                
  13.         monPanier.ajouterArticle(code, qte, prix);                
  14.         var tableau = document.getElementById("tableau");                
  15.         var longueurTab = parseInt(document.getElementById("nbreLignes").innerHTML);                
  16.         if (longueurTab > 0)                
  17.             {                    
  18.                 for(var i = longueurTab ; i > 0  ; i--)                  
  19.                  {                        
  20.                     monPanier.ajouterArticle(parseInt(tableau.rows[i].cells[0].innerHTML),
  21.                     parseInt(tableau.rows[i].cells[1].innerHTML),
  22.                     parseInt(tableau.rows[i].cells[2].innerHTML));                        
  23.                     tableau.deleteRow(i);                    
  24.                  }                
  25.             }                
  26.             var longueur = monPanier.liste.length;                
  27.             for(var i = 0 ; i < longueur ; i++)                
  28.                 {                    
  29.                     var ligne = monPanier.liste[i];
  30.                     var ligneTableau = tableau.insertRow(-1);                    
  31.                     var colonne1 = ligneTableau.insertCell(0);                    
  32.                     colonne1.innerHTML += ligne.getCode();                    
  33.                     var colonne2 = ligneTableau.insertCell(1);                    
  34.                     colonne2.innerHTML += ligne.qteArticle;                    
  35.                     var colonne3 = ligneTableau.insertCell(2);                    
  36.                     colonne3.innerHTML += ligne.prixArticle;                    
  37.                     var colonne4 = ligneTableau.insertCell(3);                    
  38.                     colonne4.innerHTML += ligne.getPrixLigne();                    
  39.                     var colonne5 = ligneTableau.insertCell(4);                    
  40.                     colonne5.innerHTML += "<button class=\"btn btnprimary\" type=\"submit\" onclick=\"supprimer(this.parentNode.parentNode.cells[0].innerHTML)\"><span class=\"glyphicon glyphicon-remove\"></span> Retirer</button>";                
  41.                 }                
  42.                 document.getElementById("prixTotal").innerHTML = monPanier.getPrixPanier();                
  43.                 document.getElementById("nbreLignes").innerHTML = longueur;            }                        function supprimer(code)            
  44.                     {                
  45.                         var monPanier = new Panier();                
  46.                         var tableau = document.getElementById("tableau");                
  47.                         var longueurTab = parseInt(document.getElementById("nbreLignes").innerHTML);                
  48.                         if (longueurTab > 0)                
  49.                             {                    
  50.                                 for(var i = longueurTab ; i > 0  ; i--)                    
  51.                                     {                        
  52.  
  53.                 monPanier.ajouterArticle(parseInt(tableau.rows[i].cells[0].innerHTML),
  54.                 parseInt(tableau.rows[i].cells[1].innerHTML),
  55.                 parseInt(tableau.rows[i].cells[2].innerHTML));                        
  56.                 tableau.deleteRow(i);                    
  57.             }
  58.                 }                
  59.                 monPanier.supprimerArticle(code);                
  60.                 var longueur = monPanier.liste.length;                
  61.                 for(var i = 0 ; i < longueur ; i++)                
  62.                     {                    
  63.                         var ligne = monPanier.liste[i];                    
  64.                         var ligneTableau = tableau.insertRow(-1);                    
  65.                         var colonne1 = ligneTableau.insertCell(0);                    
  66.                         colonne1.innerHTML += ligne.getCode();                    
  67.                         var colonne2 = ligneTableau.insertCell(1);                    
  68.                         colonne2.innerHTML += ligne.qteArticle;                    
  69.                         var colonne3 = ligneTableau.insertCell(2);                    
  70.                         colonne3.innerHTML += ligne.prixArticle;                    
  71.                         var colonne4 = ligneTableau.insertCell(3);                    
  72.                         colonne4.innerHTML += ligne.getPrixLigne();                    
  73.                         var colonne5 = ligneTableau.insertCell(4);                    
  74.                         colonne5.innerHTML += "<button class=\"btn btnprimary\" type=\"submit\" onclick=\"supprimer(this.parentNode.parentNode.cells[0].innerHTML)\"><span class=\"glyphicon glyphicon-remove\"></span> Retirer</button>";              
  75.                          }                
  76.                     document.getElementById("prixTotal").innerHTML = monPanier.getPrixPanier();                
  77.                     document.getElementById("nbreLignes").innerHTML = longueur;            
  78.                 }        
  79.             </script>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top