ENSEEIHT/projet-application-web
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: pixels color js ca avance

Browse source
This commit is contained in:
gdamms 2022-05-13 14:20:55 +02:00
parent 54d679bc97
commit 466b7e654f
2 changed files with 24 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/front/index.html
View file

@ -15,6 +15,7 @@
document.getElementById("show-signup").checked = s; document.getElementById("show-signup").checked = s;
} }
</script> </script>
<script type="text/javascript" src="pixels.js"></script>
</head> </head>
<body> <body>
@ -806,7 +807,6 @@
</tr> </tr>
</table> </table>
</div> </div>
<script type="text/javascript" src="pixels.js"></script>
</body> </body>
</html> </html>

50
src/front/pixels.js
View file

@ -1,31 +1,25 @@
debugger; var xmlhttp = new XMLHttpRequest();
var url = "http://localhost:8080/api/pixel";
function readTextFile(file) xmlhttp.onreadystatechange = function() {
{ if (this.readyState == 4 && this.status == 200) {
var rawFile = new XMLHttpRequest(); var json = JSON.parse(this.responseText);
rawFile.open("GET", file, false); setPixels(json);
rawFile.onreadystatechange = function () }
{ };
if(rawFile.readyState === 4) xmlhttp.open("GET", url, true);
{ xmlhttp.send();
if(rawFile.status === 200 || rawFile.status == 0)
{ function setPixels(json) {
var allText = rawFile.responseText; console.log(json);
alert(allText);
} var table = document.getElementById("pixelTable");
} var num_columns = table.rows[0].cells.length;
for (i in json) {
var pixel = json[i]
console.log(pixel)
var cell = table.rows[Math.floor((pixel.id - 1) / num_columns)].cells[(pixel.id - 1) % num_columns];
cell.style.background = pixel.color;
} }
rawFile.send(null);
}
// fetch("https://URL/file").then((r)=>{r.text().then((d)=>{let json = d})})
const json = readTextFile("test.json");
const obj = JSON.parse(json);
var table = document.getElementById("pixelTable");
var num_columns = table.rows[0].cells.length;
for (pixel in obj) {
var cell = table.rows[Math.floor(pixel.id / num_columns)].cells[pixel.id % num_columns];
cell.style.background = "#f00";
} }