<!DOCTYPE html>
<html>
<head>
<title>Manuel</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="firstbutton">
<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">
<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="LLS">LLS</option>
</select>
<p id="editionesthcoisieest"></p>
</div>
<div>
<a href="rechercher.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>
</div>
<div id="iframe">
<iframe id="myframe1" src="404.html"></iframe>
<iframe id="myframe2" src="404.html"></iframe>
</div>
<div>
<button onclick="changerPage(-2)">← Page précédente</button>
<button onclick="changerPage(2)">Page suivante →</button>
</div>
<script>
var iframe1 = document.getElementById("myframe1");
var iframe2 = document.getElementById("myframe2");
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;
if (editionchoisie == 'hachette') {
console.log("hachette");
document.getElementById("editionesthcoisieest").innerHTML = "";
}
else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
console.log("DH");
document.getElementById("editionesthcoisieest").innerHTML = "";
}
else {
document.getElementById("editionesthcoisieest").innerHTML = "⚠ Cette édition n'est pas encore supportée ⚠";
}
}
function urlachanger() {
var code = document.getElementById("code").value;
var editionchoisie = document.getElementsByName("edition")[0].value;
changerURL(code, editionchoisie)
}
function changerURL(code, editionchoisie) {
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";
}
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";
}
else {
}
iframe1.src = newUrl1;
iframe2.src = newUrl2;
url1 = newUrl1;
url2 = newUrl2;
page1 = 1;
page2 = 2;
}
function changerPage(delta) {
page1 += delta;
page2 += delta;
if (page1 < 1) {
page1 = 1;
} else if (page1 > 500) {
page1 = 500;
}
if (page2 < 1) {
page2 = 2;
} else if (page2 > 500) {
page2 = 500;
}
iframe1.src = url1.replace(/Page_\d+/, "Page_" + page1);
iframe2.src = url2.replace(/Page_\d+/, "Page_" + page2);
nbpage.value = page1
}
function changerNBpage() {
var nbpage = document.getElementById("nbpage").value;
nbtochange = nbpage - page1
changerPage(nbtochange)
}
</script>
</body>
</html>