<!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="belin">Belin</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> <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-premiere belin</h1> </button> </div> <div id="iframe"> <iframe id="myframe1" src="404.html"></iframe> <iframe id="myframe2" src="404.html"></iframe> </div> <div> <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 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 if (editionchoisie == 'belin') { console.log("belin"); 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 if (editionchoisie == 'belin') { var newUrl1 = "Belin/" + code + "/page1.jpg"; var newUrl2 = "Belin/" + code + "/page2.jpg"; } else { } iframe1.src = newUrl1; iframe2.src = newUrl2; 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 } else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) { console.log("hatier ou didier"); 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; } 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>