diff --git a/index.html b/index.html index 4bd867a..a52039c 100644 --- a/index.html +++ b/index.html @@ -41,10 +41,10 @@ - + - + @@ -107,7 +107,7 @@
- +
@@ -131,7 +131,7 @@ -
+
@@ -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 @@ @@ -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 @@ - - - - - Manuel - - - - - - - - - -
-
- blackandwhite -
- - - -
- - - -
- -
- - - -
- -
- - -

-
- -
- - -
-
- Cherche ton code ici -
-
- -
-

Liens rapides :

- - - - - - - - - - - - - -
- -
-
- -
-
- -
-
-
- -
-
-
-
- -
-
-
- -
- - -
- -
- - -
- - - - - - - - - - - - \ 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 @@ - - - - Recherche d'informations dans un fichier CSV - - - - -
- Retourne sur la page principale -
-

- - - - 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