Bonjour,
enseignant en maternelle, je propose aux parents de mes élèves des albums numérisés sur le site internet de notre école. J'utilise pour cela le logiciel DocExplore.
La lecture depuis internet de ces albums ne pose pas de problème. Mon souci est que je propose aussi aux parents comme trace du travail effectué dans l'année un CD sur lequel je grave la partie de notre site d'école qui renvoie à ces albums numérisés avec DocExplore : et là la lecture en local sans connexion internet ne permet pas la lecture de ces albums.
J'ai une très vague connaissance du langage html. Je soupçonne la page de faire appel à un script.
Mes questions sont les suivantes :
- est-il possible de copier le script localement pour une lecture sans connexion internet ?
- est-ce légal ?
Si oui comment faire ?
Merci d'avance
PS
le code source de la page dans un fichier .txt :
Code HTML:<!DOCTYPE html> <html> <head> <meta charset="utf-8" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>DocExplore</title> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="js/three.js"></script> <script src="js/Math3D.js"></script> <script src="js/Input.js"></script> <script src="js/Specification.js"></script> <script src="js/Region.js"></script> <script src="js/Camera.js"></script> <script src="js/Hand.js"></script> <script src="js/Paper.js"></script> </head> <body style="background: rgb(240, 240, 240) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;"> <table style="border: 0px none ; padding: 0px; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px;"> <tbody> <tr style="border: 0px none ; padding: 0px; width: 100%; height: 100%;"> <td style="border: 0px none ; padding: 0px;"> <div id="container" onmousedown="Input.htmlMouseDown(event.x != undefined ? event.x : event.clientX+document.body.scrollLeft+document.documentElement.scrollLeft, event.y != undefined ? event.y : event.clientY+document.body.scrollTop+document.documentElement.scrollTop);" onmouseup="Input.htmlMouseUp();" onmousemove="Input.htmlMouseMove(event.x != undefined ? event.x : event.clientX+document.body.scrollLeft+document.documentElement.scrollLeft, event.y != undefined ? event.y : event.clientY+document.body.scrollTop+document.documentElement.scrollTop);" onmouseout="Input.htmlMouseOut(event.x != undefined ? event.x : event.clientX+document.body.scrollLeft+document.documentElement.scrollLeft, event.y != undefined ? event.y : event.clientY+document.body.scrollTop+document.documentElement.scrollTop);" style="border: 0px none ; padding: 0px; z-index: 0; background-color: white; opacity: 1; width: 100%; height: 100%;"></div> <div id="roiContainer" style="border: 0px none ; padding: 0px; background: black none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 50%; position: fixed; left: 0px; top: 0px; opacity: 1; z-index: -1;"></div> </td> </tr> <tr style="border: 0px none ; padding: 0px;"> <td style="border: 0px none ; padding: 0px;"> <center> <button style="" id="prev" onclick="Reader.requestPage = Reader.currentPage-2;"><img style="width: 64px; height: 64px;" src="left.png"></button><button id="zoomout" style="display: none;" onmousedown="Reader.zoomOut = true;" onmouseup="Reader.zoomOut = false;"><img style="width: 64px; height: 64px;" src="zoomout.png"></button><button id="zoom" onclick="Reader.zoom();"><img style="width: 64px; height: 64px;" id="zoomimg" src="zoom.png"></button> <button id="back" style="display: none;" onclick="Reader.back();"><img style="width: 64px; height: 64px;" src="back.png"></button><button id="zoomin" style="display: none;" onmousedown="Reader.zoomIn = true;" onmouseup="Reader.zoomIn = false;"><img style="width: 64px; height: 64px;" src="zoomin.png"></button> <button id="next" onclick="Reader.requestPage = Reader.currentPage+2;"><img style="width: 64px; height: 64px;" src="right.png"></button></center> </td> </tr> <tr style="border: 0px none ; padding: 0px; display: none;"> <td style="border: 0px none ; padding: 0px;"> <center> <textarea id="dbgArea" rows="10" cols="80"></textarea> </center> </td> </tr> </tbody> </table> <div style="position: fixed; left: 5px; bottom: 0px;"> <i>Powered by , DocExplore an <a>Interreg IV A</a> project</i> </div> <script> formatVal = function(num) { num = 2*Math.floor(num/2); if (num == 0) return 1; if (num == Spec.pages.length) return Spec.pages.length; return num+"-"+(num+1); } </script> <div id="sliderDiv" style="position: fixed; right: 5px; bottom: 5px;"> Page <input id="sliderVal" disabled="true" value="1" size="4" style="vertical-align: baseline;" type="text"> <input id="slider" value="0" min="0" max="100" data-show-value="true" data-popup-enabled="true" data-hightlight="true" style="vertical-align: bottom;" onchange="document.getElementById('sliderVal').value=formatVal(document.getElementById('slider').value); Reader.requestPage=2*Math.floor(document.getElementById('slider').value/2)-1;" oninput="document.getElementById('sliderVal').value=formatVal(document.getElementById('slider').value);" type="range"> </div> <script src="js/Reader.js"></script> <script> $.get('book0.xml', function(xml) {Reader.start(xml);}, 'text'); </script> </body> </html>
-----
Envoyé par pm42 