From 45bdf02dbef431f1e8eb1e3f18e69769c6ab49f3 Mon Sep 17 00:00:00 2001 From: NohamR <100566912+NohamR@users.noreply.github.com> Date: Sun, 28 May 2023 12:16:21 +0200 Subject: [PATCH] Changes --- index.html | 69 ++++-- index2.html | 541 ----------------------------------------------- rechercher2.html | 65 ------ style.css | 292 +++++++++++++------------ style2.css | 155 -------------- 5 files changed, 205 insertions(+), 917 deletions(-) delete mode 100644 index2.html delete mode 100644 rechercher2.html delete mode 100644 style2.css diff --git a/index.html b/index.html index 4bd867a..a52039c 100644 --- a/index.html +++ b/index.html @@ -41,10 +41,10 @@ <option value="hachette">Hachette</option> <option value="didier">Didier</option> <option value="hatier">Hatier</option> - <option value="belin">Belin</option> + <option value="belin" selected>Belin</option> <option value="LLS">LeLivreScolaire</option> <option value="sesa">Sesamath</option> - <option value="magnard" selected>Magnard</option> + <option value="magnard">Magnard</option> <option value="delagrave">Delagrave</option> </select> @@ -107,7 +107,7 @@ <div class="slider"> <div id="glissière" onclick="taille()" class="col"> - <input id="slider" type="range" oninput="taille()" min="579" max="1200" class="slider" value="579"> + <input id="slider" type="range" oninput="taille()" min="30" max="200" class="slider" value="50"> </div> </div> @@ -131,7 +131,7 @@ <img id="myimg2" src="assets/img/404.png"> </div> - <div> + <div id="changepagebutton"> <button onclick="pageachanger(-2)">← Page précédente</button> <button onclick="pageachanger(2)">Page suivante →</button> </div> @@ -161,6 +161,8 @@ slider.style.display = ''; divimg.style.display = 'none'; divserver.style.display = 'none'; + document.documentElement.style.setProperty('--iframe-width', '560px'); + document.documentElement.style.setProperty('--iframe-height', '800px'); } else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) { @@ -170,12 +172,14 @@ slider.style.display = ''; divimg.style.display = 'none'; divserver.style.display = 'none'; + document.documentElement.style.setProperty('--iframe-width', '1426px'); + document.documentElement.style.setProperty('--iframe-height', '2048px'); } else if (editionchoisie == 'belin') { console.log("Belin"); - document.getElementById("editionesthcoisieest").innerHTML = "ca bug encore"; + document.getElementById("editionesthcoisieest").innerHTML = ""; diviframe.style.display = 'none'; - slider.style.display = 'none'; + slider.style.display = ''; divimg.style.display = ''; divserver.style.display = 'none'; } @@ -183,7 +187,7 @@ console.log("LLS"); document.getElementById("editionesthcoisieest").innerHTML = ""; diviframe.style.display = 'none'; - slider.style.display = 'none'; + slider.style.display = ''; divimg.style.display = ''; divserver.style.display = 'none'; } @@ -191,7 +195,7 @@ console.log("sesa"); document.getElementById("editionesthcoisieest").innerHTML = ""; diviframe.style.display = 'none'; - slider.style.display = 'none'; + slider.style.display = ''; divimg.style.display = ''; divserver.style.display = 'none'; } @@ -202,6 +206,16 @@ slider.style.display = ''; divimg.style.display = 'none'; divserver.style.display = ''; + document.documentElement.style.setProperty('--iframe-width', '1540px'); + document.documentElement.style.setProperty('--iframe-height', '2050px'); + } + else if (editionchoisie == 'delagrave') { + console.log("magnard"); + document.getElementById("editionesthcoisieest").innerHTML = "Le serveur n°1 devrait marcher mais au cas où les autres sont dispos."; + diviframe.style.display = ''; + slider.style.display = ''; + divimg.style.display = 'none'; + divserver.style.display = ''; } else { document.getElementById("editionesthcoisieest").innerHTML = "⚠ Cette édition n'est pas encore supportée ⚠"; @@ -265,6 +279,13 @@ iframe1.src = newUrl1; iframe2.src = newUrl2; } + // https://storage.libmanuels.fr/Delagrave/specimen/9782206103983/8/OEBPS/page005.xhtml + else if (editionchoisie == 'delagrave') { + var newUrl1 = "https://storage.libmanuels.fr/Delagrave/specimen/" + code + '/' + server + "/OEBPS/page002.xhtml?interface=postMessage"; + var newUrl2 = "https://storage.libmanuels.fr/Delagrave/specimen/" + code + '/' + server + "/OEBPS/page003.xhtml?interface=postMessage"; + iframe1.src = newUrl1; + iframe2.src = newUrl2; + } else { } @@ -301,8 +322,8 @@ nbpage.value = page1; } // page1.jpg - else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier') || (editionchoisie == 'belin')) { - // console.log("hatier ou didier"); + else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) { + console.log("hatier ou didier ou belin"); page1 += delta; page2 += delta; if (page1 < 1) { @@ -319,6 +340,24 @@ iframe2.src = url2.replace(/page\d+/, "page" + page2); nbpage.value = page1; } + else if (editionchoisie == 'belin') { + console.log("belin"); + page1 += delta; + page2 += delta; + if (page1 < 1) { + page1 = 1; + } else if (page1 > 600) { + page1 = 600; + } + if (page2 < 1) { + page2 = 2; + } else if (page2 > 600) { + page2 = 600; + } + img1.src = url1.replace(/page\d+/, "page" + page1); + img2.src = url2.replace(/page\d+/, "page" + page2); + nbpage.value = page1 + } // print/14.jpg else if (editionchoisie == 'LLS') { // console.log("LLS"); @@ -362,7 +401,7 @@ nbpage.value = page1; } // /page003.xhtml?interface=postMessage" - else if (editionchoisie == 'magnard') { + else if ((editionchoisie == 'magnard') || (editionchoisie == 'delagrave')) { // console.log("magnard"); page1 += delta; page2 += delta; @@ -398,12 +437,7 @@ <script> function taille() { var entree = document.getElementById("slider"); - var myframe1 = document.getElementById("myframe1"); - var myframe2 = document.getElementById("myframe2"); - myframe1.style.width = entree.value + "px"; - myframe1.style.height = entree.value * 1.4 + "px"; - myframe2.style.width = entree.value + "px"; - myframe2.style.height = entree.value * 1.4 + "px"; + document.documentElement.style.setProperty('--scalenb', entree.value/100) } </script> @@ -465,7 +499,6 @@ // mode sombre const switchThemeBtn = document.querySelector('.changeTheme') switchThemeBtn.addEventListener('click', () => { - // mode sombre if (toggleTheme === 0) { document.documentElement.style.setProperty('--color-scheme', 'dark') diff --git a/index2.html b/index2.html deleted file mode 100644 index 6db8490..0000000 --- a/index2.html +++ /dev/null @@ -1,541 +0,0 @@ -<!DOCTYPE html> -<html> - -<head> - <title>Manuel</title> - <link rel="stylesheet" href="style2.css"> - <link rel="shortcut icon" href="assets/img/icone.ico" type="image/x-icon"> - <!-- <script src="js.js"></script> --> - <meta name="viewport" content="width=device-width"> -</head> - -<body onload="editionchoisie(), checkCookie()"> - - - <div id="firstbutton"> - <div class="changeTheme"> - <img src="assets/img/blackandwhite.png" alt="blackandwhite" - style="max-width: 50px; max-height: 50px; margin: 10px;"> - </div> - - <!-- <div class="changeTheme"> - <img src="assets/img/blackandwhite.png" alt="blackandwhite" - style="max-width: 50px; max-height: 50px; margin: 10px;" onclick="capture()"> - </div> --> - - <div> - <label for="code">Entrez le code :</label> - <input type="text" id="code" name="code" value="9782017102106"> - <button onclick="urlachanger()">Changer de livre</button> - </div> - - <div> - <label for="nbpage">Entrez la page :</label> - <input type="text" id="nbpage" name="nbpage" value="1" onchange="changerNBpage()"> - <button onclick="changerNBpage()">Changer la page du livre</button> - </div> - - <div> - <label for="edition">Choisissez une édition :</label> - <select name="edition" id="edition-select" onchange="editionchoisie()"> - <option value="hachette">Hachette</option> - <option value="didier">Didier</option> - <option value="hatier">Hatier</option> - <option value="belin" selected>Belin</option> - <option value="LLS">LeLivreScolaire</option> - <option value="sesa">Sesamath</option> - <option value="magnard">Magnard</option> - <option value="delagrave">Delagrave</option> - - </select> - <p id="editionesthcoisieest"></p> - </div> - - <div id="server"> - <label for="server">Choisissez un server :</label> - <select name="server"> - <option value="1" selected>1</option> - <option value="2">2</option> - <option value="3">3</option> - <option value="4">4</option> - <option value="5">5</option> - <option value="6">6</option> - <option value="7">7</option> - <option value="8">8</option> - <option value="9">9</option> - </select> - </div> - <div> - <a href="rechercher2.html">Cherche ton code ici</a> - </div> - </div> - - <div> - <h1>Liens rapides :</h1> - <button onclick="changerURL(9782017102106, 'hachette')"> - <h1>Declic Maths 1re</h1> - </button> - <button onclick="changerURL(9782017102120, 'hachette')"> - <h1>Physique Chimie 1re</h1> - </button> - <button onclick="changerURL(9782017102243, 'hachette')"> - <h1>Mitreden Allemand 1re</h1> - </button> - <button onclick="changerURL(9782401090132, 'hatier')"> - <h1>Manuel HB test</h1> - </button> - <button onclick="changerURL('1ere/histoire-premiere', 'belin')"> - <h1>Histoire (belin)</h1> - </button> - - <button onclick="changerURL('1ere/geographie-premiere', 'belin')"> - <h1>Geographie (belin)</h1> - </button> - - <button onclick="changerURL('48453088', 'LLS')"> - <h1>ES (LLS)</h1> - </button> - - <button onclick="changerURL('ms6_2013', 'sesa')"> - <h1>Manuel 6e (Sesa)</h1> - </button> - - <button onclick="changerURL('9782210113183', 'magnard')"> - <h1>Magnard test</h1> - </button> - </div> - - <div class="slider"> - <div id="glissière" onclick="taille()" class="col"> - <input id="slider" type="range" oninput="taille()" min="30" max="200" class="slider" value="50"> - </div> - </div> - - <div id="iframe"> - <div id="iframe-1"> - <div class="iframe-div-1"> - <iframe id="myframe1" - src="https://storage.libmanuels.fr/Magnard/specimen/9782210113183/9/OEBPS/page003.xhtml?interface=postMessage"></iframe> - </div> - </div> - <div id="iframe-2"> - <div class="iframe-div-2"> - <iframe id="myframe2" - src="https://storage.libmanuels.fr/Magnard/specimen/9782210113183/9/OEBPS/page003.xhtml?interface=postMessage"></iframe> - </div> - </div> - </div> - - <div id="img"> - <img id="myimg1" src="assets/img/404.png"> - <img id="myimg2" src="assets/img/404.png"> - </div> - - <div id="changepagebutton"> - <button onclick="pageachanger(-2)">← Page précédente</button> - <button onclick="pageachanger(2)">Page suivante →</button> - </div> - - <script> - var iframe1 = document.getElementById("myframe1"); - var iframe2 = document.getElementById("myframe2"); - var diviframe = document.getElementById("iframe") - var img1 = document.getElementById("myimg1"); - var img2 = document.getElementById("myimg2") - var divimg = document.getElementById("img"); - var divserver = document.getElementById("server") - var url1 = iframe1.src; - var url2 = iframe2.src; - var page1 = 1; - var page2 = 2; - var nbpage = document.getElementById("nbpage"); - - function editionchoisie() { - var editionchoisie = document.getElementsByName("edition")[0].value; - var slider = document.getElementById("slider"); - - if (editionchoisie == 'hachette') { - console.log("Hachette"); - document.getElementById("editionesthcoisieest").innerHTML = ""; - diviframe.style.display = ''; - slider.style.display = ''; - divimg.style.display = 'none'; - divserver.style.display = 'none'; - document.documentElement.style.setProperty('--iframe-width', '560px'); - document.documentElement.style.setProperty('--iframe-height', '800px'); - - } - else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) { - console.log("Didier ou Hatier"); - document.getElementById("editionesthcoisieest").innerHTML = ""; - diviframe.style.display = ''; - slider.style.display = ''; - divimg.style.display = 'none'; - divserver.style.display = 'none'; - document.documentElement.style.setProperty('--iframe-width', '1426px'); - document.documentElement.style.setProperty('--iframe-height', '2048px'); - } - else if (editionchoisie == 'belin') { - console.log("Belin"); - document.getElementById("editionesthcoisieest").innerHTML = ""; - diviframe.style.display = 'none'; - slider.style.display = ''; - divimg.style.display = ''; - divserver.style.display = 'none'; - } - else if (editionchoisie == 'LLS') { - console.log("LLS"); - document.getElementById("editionesthcoisieest").innerHTML = ""; - diviframe.style.display = 'none'; - slider.style.display = ''; - divimg.style.display = ''; - divserver.style.display = 'none'; - } - else if (editionchoisie == 'sesa') { - console.log("sesa"); - document.getElementById("editionesthcoisieest").innerHTML = ""; - diviframe.style.display = 'none'; - slider.style.display = ''; - divimg.style.display = ''; - divserver.style.display = 'none'; - } - else if (editionchoisie == 'magnard') { - console.log("magnard"); - document.getElementById("editionesthcoisieest").innerHTML = "Le serveur n°1 devrait marcher mais au cas où les autres sont dispos."; - diviframe.style.display = ''; - slider.style.display = ''; - divimg.style.display = 'none'; - divserver.style.display = ''; - document.documentElement.style.setProperty('--iframe-width', '1540px'); - document.documentElement.style.setProperty('--iframe-height', '2050px'); - } - else if (editionchoisie == 'delagrave') { - console.log("magnard"); - document.getElementById("editionesthcoisieest").innerHTML = "Le serveur n°1 devrait marcher mais au cas où les autres sont dispos."; - diviframe.style.display = ''; - slider.style.display = ''; - divimg.style.display = 'none'; - divserver.style.display = ''; - } - else { - document.getElementById("editionesthcoisieest").innerHTML = "⚠ Cette édition n'est pas encore supportée ⚠"; - diviframe.style.display = 'none'; - divimg.style.display = 'none'; - slider.style.display = 'none'; - divserver.style.display = 'none'; - } - } - - - function urlachanger() { - var code = document.getElementById("code").value; - var editionchoisie = document.getElementsByName("edition")[0].value; - changerURL(code, editionchoisie); - } - - function changerURL(code, editionchoisie) { - var server = document.querySelector('select[name="server"]').value; - console.log(server); - if (editionchoisie == 'hachette') { - var newUrl1 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/Page_1.html?interface=postMessage"; - var newUrl2 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/Page_2.html?interface=postMessage"; - iframe1.src = newUrl1; - iframe2.src = newUrl2; - } - else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) { - var newUrl1 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/page1.xhtml?interface=postMessage"; - var newUrl2 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/page2.xhtml?interface=postMessage"; - iframe1.src = newUrl1; - iframe2.src = newUrl2; - } - // https://nohamr.github.io/Manuelcontent/Belin/1ere/geographie-premiere/page1.jpg - else if (editionchoisie == 'belin') { - var newUrl1 = "https://nohamr.github.io/Manuelcontent/Belin/" + code + "/page1.jpg"; - var newUrl2 = "https://nohamr.github.io/Manuelcontent/Belin/" + code + "/page2.jpg"; - img1.src = newUrl1; - img2.src = newUrl2; - } - // https://assets.lls.fr/books/48453088/print/14.jpg - else if (editionchoisie == 'LLS') { - var newUrl1 = "https://assets.lls.fr/books/" + code + "/print/1.jpg"; - var newUrl2 = "https://assets.lls.fr/books/" + code + "/print/2.jpg"; - img1.src = newUrl1; - img2.src = newUrl2; - } - // https://manuel.sesamath.net/imgs_produites/pages/ms6_2013/ms6_2013_page0.gif - else if (editionchoisie == 'sesa') { - var newUrl1 = "https://raw.githubusercontent.com/NohamR/Manuelcontent/main/Sesamath/" + code + "/page0.gif"; - var newUrl2 = "https://raw.githubusercontent.com/NohamR/Manuelcontent/main/Sesamath/" + code + "/page1.gif"; - img1.src = newUrl1; - img2.src = newUrl2; - } - // https://storage.libmanuels.fr/Magnard/specimen/9782210116252/4/OEBPS/images/bg003_01.jpg - // https://storage.libmanuels.fr/Magnard/specimen/9782210116252/4/OEBPS/page001.xhtml - // https://storage.libmanuels.fr/Magnard/specimen/9782210113183/9/OEBPS/page005.xhtml - // https://storage.libmanuels.fr/Magnard/specimen/9782210118201/1/OEBPS/page005.xhtml - else if (editionchoisie == 'magnard') { - var newUrl1 = "https://storage.libmanuels.fr/Magnard/specimen/" + code + '/' + server + "/OEBPS/page002.xhtml?interface=postMessage"; - var newUrl2 = "https://storage.libmanuels.fr/Magnard/specimen/" + code + '/' + server + "/OEBPS/page003.xhtml?interface=postMessage"; - iframe1.src = newUrl1; - iframe2.src = newUrl2; - } - // https://storage.libmanuels.fr/Delagrave/specimen/9782206103983/8/OEBPS/page005.xhtml - else if (editionchoisie == 'delagrave') { - var newUrl1 = "https://storage.libmanuels.fr/Delagrave/specimen/" + code + '/' + server + "/OEBPS/page002.xhtml?interface=postMessage"; - var newUrl2 = "https://storage.libmanuels.fr/Delagrave/specimen/" + code + '/' + server + "/OEBPS/page003.xhtml?interface=postMessage"; - iframe1.src = newUrl1; - iframe2.src = newUrl2; - } - else { - - } - - url1 = newUrl1; - url2 = newUrl2; - page1 = 1; - page2 = 2; - } - - function pageachanger(delta) { - // console.log("pageachanger"); - var editionchoisie = document.getElementsByName("edition")[0].value; - changerPage(delta, editionchoisie); - } - - function changerPage(delta, editionchoisie) { - if (editionchoisie == 'hachette') { - // console.log("hachette"); - page1 += delta; - page2 += delta; - if (page1 < 1) { - page1 = 1; - } else if (page1 > 600) { - page1 = 600; - } - if (page2 < 1) { - page2 = 2; - } else if (page2 > 600) { - page2 = 600; - } - iframe1.src = url1.replace(/Page_\d+/, "Page_" + page1); - iframe2.src = url2.replace(/Page_\d+/, "Page_" + page2); - nbpage.value = page1; - } - // page1.jpg - else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) { - console.log("hatier ou didier ou belin"); - page1 += delta; - page2 += delta; - if (page1 < 1) { - page1 = 1; - } else if (page1 > 600) { - page1 = 600; - } - if (page2 < 1) { - page2 = 2; - } else if (page2 > 600) { - page2 = 600; - } - iframe1.src = url1.replace(/page\d+/, "page" + page1); - iframe2.src = url2.replace(/page\d+/, "page" + page2); - nbpage.value = page1; - } - else if (editionchoisie == 'belin') { - console.log("belin"); - page1 += delta; - page2 += delta; - if (page1 < 1) { - page1 = 1; - } else if (page1 > 600) { - page1 = 600; - } - if (page2 < 1) { - page2 = 2; - } else if (page2 > 600) { - page2 = 600; - } - img1.src = url1.replace(/page\d+/, "page" + page1); - img2.src = url2.replace(/page\d+/, "page" + page2); - nbpage.value = page1 - } - // print/14.jpg - else if (editionchoisie == 'LLS') { - // console.log("LLS"); - page1 += delta; - page2 += delta; - if (page1 < 1) { - page1 = 1; - } else if (page1 > 600) { - page1 = 600; - } - if (page2 < 1) { - page2 = 2; - } else if (page2 > 600) { - page2 = 600; - } - img1.src = url1.replace(/\d+(?=\.jpg)/, page1); - img2.src = url2.replace(/\d+(?=\.jpg)/, page2); - // console.log(img1.src); - // console.log(img2.src); - nbpage.value = page1; - } - // /ms6_2013_page1.gif - else if (editionchoisie == 'sesa') { - // console.log("sesa"); - page1 += delta; - page2 += delta; - if (page1 < 1) { - page1 = 1; - } else if (page1 > 600) { - page1 = 600; - } - if (page2 < 1) { - page2 = 2; - } else if (page2 > 600) { - page2 = 600; - } - img1.src = url1.replace(/\d+(?=\.gif)/, page1); - img2.src = url2.replace(/\d+(?=\.gif)/, page2); - console.log(img1.src); - console.log(img2.src); - nbpage.value = page1; - } - // /page003.xhtml?interface=postMessage" - else if ((editionchoisie == 'magnard') || (editionchoisie == 'delagrave')) { - // console.log("magnard"); - page1 += delta; - page2 += delta; - if (page1 < 1) { - page1 = 1; - } else if (page1 > 600) { - page1 = 600; - } - if (page2 < 1) { - page2 = 2; - } else if (page2 > 600) { - page2 = 600; - } - iframe1.src = url1.replace(/(\/page)\d{3}(\.xhtml\?interface=postMessage)/, "$1" + ("000" + page1).slice(-3) + "$2"); - iframe2.src = url2.replace(/(\/page)\d{3}(\.xhtml\?interface=postMessage)/, "$1" + ("000" + page2).slice(-3) + "$2"); - console.log(img1.src); - console.log(img2.src); - nbpage.value = page1; - } - } - - function changerNBpage() { - var nbtochange = 0 - var nbpage = document.getElementById("nbpage").value; - var editionchoisie = document.getElementsByName("edition")[0].value; - // console.log('nbpage', nbpage); - nbtochange = nbpage - page1; - // console.log('nbtochange', nbtochange); - changerPage(nbtochange, editionchoisie); - } - </script> - - <script> - function taille() { - var entree = document.getElementById("slider"); - document.documentElement.style.setProperty('--scalenb', entree.value/100) - } - </script> - - <script> - // https://www.toptal.com/developers/keycode - document.onkeydown = function (event) { - switch (event.keyCode) { - case 37: - pageachanger(-2); - break; - case 38: - // alert('Up key'); - break; - case 39: - pageachanger(2); - break; - case 40: - // alert('Down key'); - break; - case 13: - toggleFullScreen(); - break; - } - }; - - function toggleFullScreen() { - if (!document.fullscreenElement) { - document.documentElement.requestFullscreen(); - } else if (document.exitFullscreen) { - document.exitFullscreen(); - } - } - </script> - - <script> - let toggleTheme = 0; - var darkMode = getCookie("dark-mode"); - - function getCookie(name) { - var value = "; " + document.cookie; - var parts = value.split("; " + name + "="); - if (parts.length == 2) return parts.pop().split(";").shift(); - } - - // cookie pour le mode sombre - function checkCookie() { - if (darkMode == "true") { - document.documentElement.style.setProperty('--color-scheme', 'dark') - document.documentElement.style.setProperty('--ecriture', '#f1f1f1'); - document.documentElement.style.setProperty('--background', '#262626'); - toggleTheme--; - } else if (darkMode == "false") { - document.documentElement.style.setProperty('--color-scheme', 'light') - document.documentElement.style.setProperty('--ecriture', '#262626'); - document.documentElement.style.setProperty('--background', '#f1f1f1'); - } - } - - // mode sombre - const switchThemeBtn = document.querySelector('.changeTheme') - switchThemeBtn.addEventListener('click', () => { - // mode sombre - if (toggleTheme === 0) { - document.documentElement.style.setProperty('--color-scheme', 'dark') - document.documentElement.style.setProperty('--ecriture', '#f1f1f1'); - document.documentElement.style.setProperty('--background', '#262626'); - document.cookie = "dark-mode=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/"; - toggleTheme--; - } - // mode clairs - else { - document.documentElement.style.setProperty('--color-scheme', 'light') - document.documentElement.style.setProperty('--ecriture', '#262626'); - document.documentElement.style.setProperty('--background', '#f1f1f1'); - document.cookie = "dark-mode=false; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/"; - toggleTheme++; - } - }) - </script> - <!-- <script> - function capture() { - const canvas = document.createElement("canvas"); - const context = canvas.getContext("2d"); - const video = document.createElement("video"); - - try { - const captureStream = navigator.mediaDevices.getDisplayMedia(); - video.srcObject = captureStream; - context.drawImage(video, 0, 0, window.width, window.height); - const frame = canvas.toDataURL("image/png"); - captureStream.getTracks().forEach(track => track.stop()); - window.location.href = frame; - } catch (err) { - console.error("Error: " + err); - } - }; - - capture();</script> --> -</body> - -</html> \ No newline at end of file diff --git a/rechercher2.html b/rechercher2.html deleted file mode 100644 index 79ff54f..0000000 --- a/rechercher2.html +++ /dev/null @@ -1,65 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <title>Recherche d'informations dans un fichier CSV</title> - </head> - <body> - <label for="recherche">Recherche :</label> - <input type="text" id="recherche" onkeyup="chercher()" placeholder="Entrez un nom..."> - <br> - <a href="index2.html">Retourne sur la page principale</a> - <div id="resultats"></div> - <p id="valeur"></p> - - <script> - // Lecture du fichier CSV - const xhttp = new XMLHttpRequest(); - xhttp.onreadystatechange = function() { - if (this.readyState == 4 && this.status == 200) { - const lignes = this.responseText.split('\n'); - const donnees = []; - for (let i = 0; i < lignes.length; i++) { - donnees.push(lignes[i].split(',')); - } - document.getElementById('recherche').setAttribute('donnees', JSON.stringify(donnees)); - } - }; - xhttp.open("GET", "liste2.csv", true); - xhttp.send(); - - // Recherche d'une information dans le fichier CSV - function chercher() { - const donnees = JSON.parse(document.getElementById('recherche').getAttribute('donnees')); - const recherche = document.getElementById('recherche').value; - const resultat = []; - for (let i = 0; i < donnees.length; i++) { - for (let j = 0; j < donnees[i].length; j++) { - if (donnees[i][j].toLowerCase().includes(recherche.toLowerCase())) { - resultat.push(donnees[i]); - break; - } - } - } - afficherResultats(resultat); - } - - // Affichage des résultats sur la page HTML - function afficherResultats(resultat) { - const table = document.createElement('table'); - table.innerHTML = '<tr><th>Edition</th><th>Code manuel</th><th>Nom du manuel</th><th>Nombre de pages</th><th></th></tr>'; - for (let i = 0; i < resultat.length; i++) { - const ligne = document.createElement('tr'); - for (let j = 4; j < 9; j++) { - const cellule = document.createElement('td'); - const texte = document.createTextNode(resultat[i][j]); - cellule.appendChild(texte); - ligne.appendChild(cellule); - } - table.appendChild(ligne); - } - document.getElementById('resultats').innerHTML = ''; - document.getElementById('resultats').appendChild(table); - } - </script> - </body> -</html> diff --git a/style.css b/style.css index 95f23a6..fec6702 100644 --- a/style.css +++ b/style.css @@ -1,139 +1,155 @@ :root { -/* -webkit-user-select: none; */ - -webkit-touch-callout: none; - -ms-user-select: none; - -moz-user-select: none; - user-select: none; - --color-scheme : light; - --ecriture: black; - --background: white; - --police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; -} - -html { - /* color-scheme: dark !important; */ - color-scheme: var(--color-scheme); - background: var(--background); - color: var(--ecriture); - font-size: 1.5rem; - font-family: var(--police); -} - -body { - font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - font-size: 16px; - line-height: 1.5; - background-color: var(--background); -} - -#iframe { - display: flex; - /* width:30vh; */ - height:76vh; -} - -#iframe-1 { - display: flex; - /* margin: 5px; */ - background-color: transparent; - transform: scale(0.5); - position: relative; - transform-origin: top left; -} - -#iframe-2 { - display: flex; - /* margin: 5px; */ - background-color: transparent; - transform: scale(0.5); - position: relative; - transform-origin: top right; -} - -.iframe-div-1 { - /* display: block; */ - height: 2043px; - width: 1477px; -} - -.iframe-div-2 { - /* display: block; */ - height: 2043px; - width: 1477px; -} - -iframe { - /* width: 553px; - height: 794px; */ - /* width: fit-content; - height: fit-content; */ - width: 100%; - height: 100%; - display: block; - margin-bottom: 20px; -} - -#img { - display: flex; - margin: 5px; - background-color: transparent; -} - -img { - width: 50%; -} - -label { - display: block; - margin: 10px; -} - -input[type="text"] { - padding: 5px; - margin-bottom: 10px; - border: 1px solid #ccc; - border-radius: 4px; - font-size: 16px; - line-height: 1.5; - width: 300px; - border-color: var(--background); -} - -input[type="radio"] { - margin-top: 10px; - margin-right: 20px; - margin-bottom: 10px; - margin-left: 5px; -} - -button { - /* padding: 5px; */ - background-color: #4CAF50; - color: white; - border: none; - border-radius: 4px; - cursor: pointer; - font-size: 16px; - line-height: 1.5; - margin-bottom: 10px; - width: 200px; - height: 40px; -} - -button:hover { - background-color: #3e8e41; -} - - - -button:last-child { - margin-right: 10px; -} - -h1 { - font-size: 15px; -} - -a { - color: #3391ff; -} \ No newline at end of file + /* -webkit-user-select: none; */ + -webkit-touch-callout: none; + -ms-user-select: none; + -moz-user-select: none; + user-select: none; + --color-scheme : light; + --ecriture: black; + --background: white; + --police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + --scalenb : 0.5; + --iframe-width : 560px; + --iframe-height : 800px; + } + + html { + /* color-scheme: dark !important; */ + color-scheme: var(--color-scheme); + background: var(--background); + color: var(--ecriture); + font-size: 1.5rem; + font-family: var(--police); + } + + body { + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 16px; + line-height: 1.5; + background-color: var(--background); + } + + #iframe { + display: flex; + /* width:30vh; */ + height:76vh; + transform: scale(var(--scalenb)); + position: relative; + transform-origin: top left; + margin: 10px; + } + + #iframe-1 { + display: flex; + /* margin: 5px; */ + background-color: transparent; + + } + + #iframe-2 { + display: flex; + /* margin: 5px; */ + background-color: transparent; + } + + .iframe-div-1 { + /* display: block; */ + /* height: 2043px; + width: 1477px; */ + height: var(--iframe-height); + width: var(--iframe-width); + } + + .iframe-div-2 { + /* display: block; */ + /* height: 2043px; + width: 1477px; */ + height: var(--iframe-height); + width: var(--iframe-width); + } + + iframe { + /* width: 553px; + height: 794px; */ + /* width: fit-content; + height: fit-content; */ + width: 100%; + height: 100%; + display: block; + margin-bottom: 20px; + } + + #img { + display: flex; + margin: 5px; + background-color: transparent; + transform: scale(var(--scalenb)); + position: relative; + transform-origin: top left; + } + + img { + width: 50%; + } + + label { + display: block; + margin: 10px; + } + + #changepagebutton { + position: fixed; + bottom: 0px; + left: 50%; + transform: translate(-50%); + } + + input[type="text"] { + padding: 5px; + margin-bottom: 10px; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 16px; + line-height: 1.5; + width: 300px; + border-color: var(--background); + } + + input[type="radio"] { + margin-top: 10px; + margin-right: 20px; + margin-bottom: 10px; + margin-left: 5px; + } + + button { + /* padding: 5px; */ + background-color: #4CAF50; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 16px; + line-height: 1.5; + margin-bottom: 10px; + width: 200px; + height: 40px; + } + + button:hover { + background-color: #3e8e41; + } + + + + button:last-child { + margin-right: 10px; + } + + h1 { + font-size: 15px; + } + + a { + color: #3391ff; + } \ No newline at end of file diff --git a/style2.css b/style2.css deleted file mode 100644 index b19bce7..0000000 --- a/style2.css +++ /dev/null @@ -1,155 +0,0 @@ -:root { -/* -webkit-user-select: none; */ - -webkit-touch-callout: none; - -ms-user-select: none; - -moz-user-select: none; - user-select: none; - --color-scheme : light; - --ecriture: black; - --background: white; - --police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - --scalenb : 0.5; - --iframe-width : 560px; - --iframe-height : 800px; -} - -html { - /* color-scheme: dark !important; */ - color-scheme: var(--color-scheme); - background: var(--background); - color: var(--ecriture); - font-size: 1.5rem; - font-family: var(--police); -} - -body { - font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - font-size: 16px; - line-height: 1.5; - background-color: var(--background); -} - -#iframe { - display: flex; - /* width:30vh; */ - height:76vh; - transform: scale(var(--scalenb)); - position: relative; - transform-origin: top left; - margin: 10px; -} - -#iframe-1 { - display: flex; - /* margin: 5px; */ - background-color: transparent; - -} - -#iframe-2 { - display: flex; - /* margin: 5px; */ - background-color: transparent; -} - -.iframe-div-1 { - /* display: block; */ - /* height: 2043px; - width: 1477px; */ - height: var(--iframe-height); - width: var(--iframe-width); -} - -.iframe-div-2 { - /* display: block; */ - /* height: 2043px; - width: 1477px; */ - height: var(--iframe-height); - width: var(--iframe-width); -} - -iframe { - /* width: 553px; - height: 794px; */ - /* width: fit-content; - height: fit-content; */ - width: 100%; - height: 100%; - display: block; - margin-bottom: 20px; -} - -#img { - display: flex; - margin: 5px; - background-color: transparent; - transform: scale(var(--scalenb)); - position: relative; - transform-origin: top left; -} - -img { - width: 50%; -} - -label { - display: block; - margin: 10px; -} - -#changepagebutton { - position: fixed; - bottom: 0px; - left: 50%; - transform: translate(-50%); -} - -input[type="text"] { - padding: 5px; - margin-bottom: 10px; - border: 1px solid #ccc; - border-radius: 4px; - font-size: 16px; - line-height: 1.5; - width: 300px; - border-color: var(--background); -} - -input[type="radio"] { - margin-top: 10px; - margin-right: 20px; - margin-bottom: 10px; - margin-left: 5px; -} - -button { - /* padding: 5px; */ - background-color: #4CAF50; - color: white; - border: none; - border-radius: 4px; - cursor: pointer; - font-size: 16px; - line-height: 1.5; - margin-bottom: 10px; - width: 200px; - height: 40px; -} - -button:hover { - background-color: #3e8e41; -} - - - -button:last-child { - margin-right: 10px; -} - -h1 { - font-size: 15px; -} - -a { - color: #3391ff; -} \ No newline at end of file