Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <meta charset="UTF-8">
- <title>Panier HTML5 + JavaScript</title>
- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.cs s" rel="stylesheet">
- <link rel="stylesheet" href="css/style.css">
- <script type="text/javascript" src="panier.js"></script>
- <script type="text/javascript">
- function ajouter()
- {
- var code = parseInt(document.getElementById("id").value);
- var qte = parseInt(document.getElementById("qte").value);
- var prix = parseInt(document.getElementById("prix").value);
- var monPanier = new Panier();
- monPanier.ajouterArticle(code, qte, prix);
- var tableau = document.getElementById("tableau");
- var longueurTab = parseInt(document.getElementById("nbreLignes").innerHTML);
- if (longueurTab > 0)
- {
- for(var i = longueurTab ; i > 0 ; i--)
- {
- monPanier.ajouterArticle(parseInt(tableau.rows[i].cells[0].innerHTML),
- parseInt(tableau.rows[i].cells[1].innerHTML),
- parseInt(tableau.rows[i].cells[2].innerHTML));
- tableau.deleteRow(i);
- }
- }
- var longueur = monPanier.liste.length;
- for(var i = 0 ; i < longueur ; i++)
- {
- var ligne = monPanier.liste[i];
- var ligneTableau = tableau.insertRow(-1);
- var colonne1 = ligneTableau.insertCell(0);
- colonne1.innerHTML += ligne.getCode();
- var colonne2 = ligneTableau.insertCell(1);
- colonne2.innerHTML += ligne.qteArticle;
- var colonne3 = ligneTableau.insertCell(2);
- colonne3.innerHTML += ligne.prixArticle;
- var colonne4 = ligneTableau.insertCell(3);
- colonne4.innerHTML += ligne.getPrixLigne();
- var colonne5 = ligneTableau.insertCell(4);
- colonne5.innerHTML += "<button class=\"btn btnprimary\" type=\"submit\" onclick=\"supprimer(this.parentNode.parentNode.cells[0].innerHTML)\"><span class=\"glyphicon glyphicon-remove\"></span> Retirer</button>";
- }
- document.getElementById("prixTotal").innerHTML = monPanier.getPrixPanier();
- document.getElementById("nbreLignes").innerHTML = longueur; } function supprimer(code)
- {
- var monPanier = new Panier();
- var tableau = document.getElementById("tableau");
- var longueurTab = parseInt(document.getElementById("nbreLignes").innerHTML);
- if (longueurTab > 0)
- {
- for(var i = longueurTab ; i > 0 ; i--)
- {
- monPanier.ajouterArticle(parseInt(tableau.rows[i].cells[0].innerHTML),
- parseInt(tableau.rows[i].cells[1].innerHTML),
- parseInt(tableau.rows[i].cells[2].innerHTML));
- tableau.deleteRow(i);
- }
- }
- monPanier.supprimerArticle(code);
- var longueur = monPanier.liste.length;
- for(var i = 0 ; i < longueur ; i++)
- {
- var ligne = monPanier.liste[i];
- var ligneTableau = tableau.insertRow(-1);
- var colonne1 = ligneTableau.insertCell(0);
- colonne1.innerHTML += ligne.getCode();
- var colonne2 = ligneTableau.insertCell(1);
- colonne2.innerHTML += ligne.qteArticle;
- var colonne3 = ligneTableau.insertCell(2);
- colonne3.innerHTML += ligne.prixArticle;
- var colonne4 = ligneTableau.insertCell(3);
- colonne4.innerHTML += ligne.getPrixLigne();
- var colonne5 = ligneTableau.insertCell(4);
- colonne5.innerHTML += "<button class=\"btn btnprimary\" type=\"submit\" onclick=\"supprimer(this.parentNode.parentNode.cells[0].innerHTML)\"><span class=\"glyphicon glyphicon-remove\"></span> Retirer</button>";
- }
- document.getElementById("prixTotal").innerHTML = monPanier.getPrixPanier();
- document.getElementById("nbreLignes").innerHTML = longueur;
- }
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement