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;
}
</script>
<script type="text/javascript" src="pixels.js"></script>
</head>
<body>
@ -806,7 +807,6 @@
</tr>
</table>
</div>
<script type="text/javascript" src="pixels.js"></script>
</body>
</html>

48
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)
{
var rawFile = new XMLHttpRequest();
rawFile.open("GET", file, false);
rawFile.onreadystatechange = function ()
{
if(rawFile.readyState === 4)
{
if(rawFile.status === 200 || rawFile.status == 0)
{
var allText = rawFile.responseText;
alert(allText);
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var json = JSON.parse(this.responseText);
setPixels(json);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
function setPixels(json) {
console.log(json);
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";
}