From 9a9ca14d96b9234619f3fcb47fcaff58370507a5 Mon Sep 17 00:00:00 2001
From: capush2 <olivierga@hotmail.com>
Date: Sat, 5 Dec 2020 11:57:36 -0500
Subject: [PATCH] Liste frigo utilisant le DOM
---
html/listeFrigos.html | 41 +++++++++++++++++++++++++++++------------
1 file changed, 29 insertions(+), 12 deletions(-)
diff --git a/html/listeFrigos.html b/html/listeFrigos.html
index 5ac8c46..3603b4e 100644
--- a/html/listeFrigos.html
+++ b/html/listeFrigos.html
@@ -10,21 +10,38 @@
</body>
<script src="../scripts/readJson.js"></script>
<script>
+ var i = 0;
+ function buildFrigo(frigo){
+ var index = i++;
+ var item = document.createElement("a");
+ var nom = document.createElement("span");
+ var breakElement = document.createElement("br");
+
+ item.className = "fridgeOutline";
+ item.onclick = (() => {saveFrigoIndex(index)});
+ item.href = "chercherUnRepas.html";
+ nom.className = "bold";
+
+ nom.appendChild(document.createTextNode(frigo.nom));
+ item.appendChild(nom);
+ item.appendChild(breakElement);
+ item.appendChild(document.createTextNode(frigo.addresse));
+ item.appendChild(breakElement.cloneNode(false));
+ item.appendChild(document.createTextNode("Situé à " + frigo.distance + " mètres\n"));
+
+ return item;
+ }
+
function retrieveFrigos(){
var obj = httpGetJson();
- var builtUpHTML = "";
- for(let i = 0; i<obj.array.length; i++) {
- builtUpHTML += '<a class="fridgeOutline" onclick="saveFrigoIndex(event,'+i+')" href="chercherUnRepas.html" >' +
- ' <span class="bold">' +
- obj.array[i].nom +
- ' </span><br>' +
- obj.array[i].addresse +
- ' <br>Situé à '+obj.array[i].distance+' mètres\n' +
- ' </a>'
- }
- document.getElementById("listeFrigo").innerHTML+= builtUpHTML;
+
+ var liste = document.getElementById("listeFrigo");
+
+ obj.array.forEach(x => {
+ liste.appendChild(buildFrigo(x));
+ })
}
- function saveFrigoIndex(event, index){
+ function saveFrigoIndex(index){
sessionStorage.setItem('frigoIndex', index);
}
</script>
--
GitLab