Advertisement
Guest User

Untitled

a guest
Dec 5th, 2019
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.38 KB | None | 0 0
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement