mirror of
https://github.com/NohamR/Manuel.git
synced 2025-05-24 00:49:10 +00:00
Changes
This commit is contained in:
NohamR
parent
5f29e68f1d
commit
45bdf02dbe
69
index.html
69
index.html
@ -41,10 +41,10 @@
|
|||||||
<option value="hachette">Hachette</option>
|
<option value="hachette">Hachette</option>
|
||||||
<option value="didier">Didier</option>
|
<option value="didier">Didier</option>
|
||||||
<option value="hatier">Hatier</option>
|
<option value="hatier">Hatier</option>
|
||||||
<option value="belin">Belin</option>
|
<option value="belin" selected>Belin</option>
|
||||||
<option value="LLS">LeLivreScolaire</option>
|
<option value="LLS">LeLivreScolaire</option>
|
||||||
<option value="sesa">Sesamath</option>
|
<option value="sesa">Sesamath</option>
|
||||||
<option value="magnard" selected>Magnard</option>
|
<option value="magnard">Magnard</option>
|
||||||
<option value="delagrave">Delagrave</option>
|
<option value="delagrave">Delagrave</option>
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
@ -107,7 +107,7 @@
|
|||||||
|
|
||||||
<div class="slider">
|
<div class="slider">
|
||||||
<div id="glissière" onclick="taille()" class="col">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -131,7 +131,7 @@
|
|||||||
<img id="myimg2" src="assets/img/404.png">
|
<img id="myimg2" src="assets/img/404.png">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div id="changepagebutton">
|
||||||
<button onclick="pageachanger(-2)">← Page précédente</button>
|
<button onclick="pageachanger(-2)">← Page précédente</button>
|
||||||
<button onclick="pageachanger(2)">Page suivante →</button>
|
<button onclick="pageachanger(2)">Page suivante →</button>
|
||||||
</div>
|
</div>
|
||||||
@ -161,6 +161,8 @@
|
|||||||
slider.style.display = '';
|
slider.style.display = '';
|
||||||
divimg.style.display = 'none';
|
divimg.style.display = 'none';
|
||||||
divserver.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')) {
|
else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
|
||||||
@ -170,12 +172,14 @@
|
|||||||
slider.style.display = '';
|
slider.style.display = '';
|
||||||
divimg.style.display = 'none';
|
divimg.style.display = 'none';
|
||||||
divserver.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') {
|
else if (editionchoisie == 'belin') {
|
||||||
console.log("Belin");
|
console.log("Belin");
|
||||||
document.getElementById("editionesthcoisieest").innerHTML = "ca bug encore";
|
document.getElementById("editionesthcoisieest").innerHTML = "";
|
||||||
diviframe.style.display = 'none';
|
diviframe.style.display = 'none';
|
||||||
slider.style.display = 'none';
|
slider.style.display = '';
|
||||||
divimg.style.display = '';
|
divimg.style.display = '';
|
||||||
divserver.style.display = 'none';
|
divserver.style.display = 'none';
|
||||||
}
|
}
|
||||||
@ -183,7 +187,7 @@
|
|||||||
console.log("LLS");
|
console.log("LLS");
|
||||||
document.getElementById("editionesthcoisieest").innerHTML = "";
|
document.getElementById("editionesthcoisieest").innerHTML = "";
|
||||||
diviframe.style.display = 'none';
|
diviframe.style.display = 'none';
|
||||||
slider.style.display = 'none';
|
slider.style.display = '';
|
||||||
divimg.style.display = '';
|
divimg.style.display = '';
|
||||||
divserver.style.display = 'none';
|
divserver.style.display = 'none';
|
||||||
}
|
}
|
||||||
@ -191,7 +195,7 @@
|
|||||||
console.log("sesa");
|
console.log("sesa");
|
||||||
document.getElementById("editionesthcoisieest").innerHTML = "";
|
document.getElementById("editionesthcoisieest").innerHTML = "";
|
||||||
diviframe.style.display = 'none';
|
diviframe.style.display = 'none';
|
||||||
slider.style.display = 'none';
|
slider.style.display = '';
|
||||||
divimg.style.display = '';
|
divimg.style.display = '';
|
||||||
divserver.style.display = 'none';
|
divserver.style.display = 'none';
|
||||||
}
|
}
|
||||||
@ -202,6 +206,16 @@
|
|||||||
slider.style.display = '';
|
slider.style.display = '';
|
||||||
divimg.style.display = 'none';
|
divimg.style.display = 'none';
|
||||||
divserver.style.display = '';
|
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 {
|
else {
|
||||||
document.getElementById("editionesthcoisieest").innerHTML = "⚠ Cette édition n'est pas encore supportée ⚠";
|
document.getElementById("editionesthcoisieest").innerHTML = "⚠ Cette édition n'est pas encore supportée ⚠";
|
||||||
@ -265,6 +279,13 @@
|
|||||||
iframe1.src = newUrl1;
|
iframe1.src = newUrl1;
|
||||||
iframe2.src = newUrl2;
|
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 {
|
else {
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -301,8 +322,8 @@
|
|||||||
nbpage.value = page1;
|
nbpage.value = page1;
|
||||||
}
|
}
|
||||||
// page1.jpg
|
// page1.jpg
|
||||||
else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier') || (editionchoisie == 'belin')) {
|
else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
|
||||||
// console.log("hatier ou didier");
|
console.log("hatier ou didier ou belin");
|
||||||
page1 += delta;
|
page1 += delta;
|
||||||
page2 += delta;
|
page2 += delta;
|
||||||
if (page1 < 1) {
|
if (page1 < 1) {
|
||||||
@ -319,6 +340,24 @@
|
|||||||
iframe2.src = url2.replace(/page\d+/, "page" + page2);
|
iframe2.src = url2.replace(/page\d+/, "page" + page2);
|
||||||
nbpage.value = page1;
|
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
|
// print/14.jpg
|
||||||
else if (editionchoisie == 'LLS') {
|
else if (editionchoisie == 'LLS') {
|
||||||
// console.log("LLS");
|
// console.log("LLS");
|
||||||
@ -362,7 +401,7 @@
|
|||||||
nbpage.value = page1;
|
nbpage.value = page1;
|
||||||
}
|
}
|
||||||
// /page003.xhtml?interface=postMessage"
|
// /page003.xhtml?interface=postMessage"
|
||||||
else if (editionchoisie == 'magnard') {
|
else if ((editionchoisie == 'magnard') || (editionchoisie == 'delagrave')) {
|
||||||
// console.log("magnard");
|
// console.log("magnard");
|
||||||
page1 += delta;
|
page1 += delta;
|
||||||
page2 += delta;
|
page2 += delta;
|
||||||
@ -398,12 +437,7 @@
|
|||||||
<script>
|
<script>
|
||||||
function taille() {
|
function taille() {
|
||||||
var entree = document.getElementById("slider");
|
var entree = document.getElementById("slider");
|
||||||
var myframe1 = document.getElementById("myframe1");
|
document.documentElement.style.setProperty('--scalenb', entree.value/100)
|
||||||
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";
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -465,7 +499,6 @@
|
|||||||
// mode sombre
|
// mode sombre
|
||||||
const switchThemeBtn = document.querySelector('.changeTheme')
|
const switchThemeBtn = document.querySelector('.changeTheme')
|
||||||
switchThemeBtn.addEventListener('click', () => {
|
switchThemeBtn.addEventListener('click', () => {
|
||||||
|
|
||||||
// mode sombre
|
// mode sombre
|
||||||
if (toggleTheme === 0) {
|
if (toggleTheme === 0) {
|
||||||
document.documentElement.style.setProperty('--color-scheme', 'dark')
|
document.documentElement.style.setProperty('--color-scheme', 'dark')
|
||||||
|
|||||||
541
index2.html
541
index2.html
@ -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>
|
|
||||||
@ -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>
|
|
||||||
36
style.css
36
style.css
@ -8,6 +8,9 @@
|
|||||||
--ecriture: black;
|
--ecriture: black;
|
||||||
--background: white;
|
--background: white;
|
||||||
--police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
--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 {
|
html {
|
||||||
@ -30,36 +33,39 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
/* width:30vh; */
|
/* width:30vh; */
|
||||||
height:76vh;
|
height:76vh;
|
||||||
|
transform: scale(var(--scalenb));
|
||||||
|
position: relative;
|
||||||
|
transform-origin: top left;
|
||||||
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#iframe-1 {
|
#iframe-1 {
|
||||||
display: flex;
|
display: flex;
|
||||||
/* margin: 5px; */
|
/* margin: 5px; */
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
transform: scale(0.5);
|
|
||||||
position: relative;
|
|
||||||
transform-origin: top left;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#iframe-2 {
|
#iframe-2 {
|
||||||
display: flex;
|
display: flex;
|
||||||
/* margin: 5px; */
|
/* margin: 5px; */
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
transform: scale(0.5);
|
|
||||||
position: relative;
|
|
||||||
transform-origin: top right;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.iframe-div-1 {
|
.iframe-div-1 {
|
||||||
/* display: block; */
|
/* display: block; */
|
||||||
height: 2043px;
|
/* height: 2043px;
|
||||||
width: 1477px;
|
width: 1477px; */
|
||||||
|
height: var(--iframe-height);
|
||||||
|
width: var(--iframe-width);
|
||||||
}
|
}
|
||||||
|
|
||||||
.iframe-div-2 {
|
.iframe-div-2 {
|
||||||
/* display: block; */
|
/* display: block; */
|
||||||
height: 2043px;
|
/* height: 2043px;
|
||||||
width: 1477px;
|
width: 1477px; */
|
||||||
|
height: var(--iframe-height);
|
||||||
|
width: var(--iframe-width);
|
||||||
}
|
}
|
||||||
|
|
||||||
iframe {
|
iframe {
|
||||||
@ -77,6 +83,9 @@ iframe {
|
|||||||
display: flex;
|
display: flex;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
transform: scale(var(--scalenb));
|
||||||
|
position: relative;
|
||||||
|
transform-origin: top left;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
@ -88,6 +97,13 @@ label {
|
|||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#changepagebutton {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
input[type="text"] {
|
input[type="text"] {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|||||||
155
style2.css
155
style2.css
@ -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;
|
|
||||||
}
|
|
||||||
Loading…
x
Reference in New Issue
Block a user