Files
2026-05-08 19:50:22 +02:00

16 KiB
Raw Permalink Blame History

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Agility Maps ( BETA )</title> <link rel="stylesheet" href="/static/ui/app/css/interface.css" type="text/css" media="screen" /> <link rel="stylesheet" href="/static/ui/app/css/print.css" type="text/css" media="print" /> <script type="text/javascript" src="/static/ui/app/src/interface.js"></script> <script type="text/javascript" src="/static/ui/app/src/init.js"></script> <script type="text/javascript" src="/static/ui/app/src/language.js"></script> <script type="text/javascript" src="/static/ui/app/src/trajectories.js"></script> <script type="text/javascript" src="/static/ui/app/src/events.js"></script> <script type="text/javascript" src="/static/ui/app/src/functions.js"></script> <script type="text/javascript" src="/static/ui/app/src/add-obstacles.js"></script> <script type="text/javascript" src="/static/ui/app/src/over-obstacle.js"></script> <script type="text/javascript" src="/static/ui/app/src/visual.js"></script> <script type="text/javascript" src="/static/ui/app/src/color.js"></script> <script type="text/javascript" src="/static/ui/app/src/functions-obstacle.js"></script> </head> <body style="cursor: default;"> <div id="conteneurImgExport" class="imageNotExport" > <input type="button" value="Fermer" onclick="fermerExport()" style="float:left;"><br/><br/> <span class="txtOption" id="txtInfoDl">Pour télécharger l'image, effectuer un clique droit sur l'image puis "Enregistrer sous"</span><br/><br/> </div> <img id="canvasimg" src="" /> <div id="globalContent" style="display:block;"> <div id="fb-root"></div> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div id="fb-root"></div>

<img src="/static/public/title/logo150.png" id="logo" width="90px" height="90px"></img> <img src="/static/public/title/flag-icons/fr.png" id="medaille" width="12px" height="12px"></img> <div id="titre" class="barreTitre"> </div>

<img src="/static/public/title/title.png" id="titreLogo"></img> <div id="options" class="barreOptions"> <div id="blocOObst" class="blocOptions" onClick="setInfoObstacles()" > <img id="imgObs" src="/static/public/tabs/focused/obstacles.png" width="50px" height="35px" /> <div id="contentBlocOObst">Obstacles</div> </div> <div id="blocOParam" class="blocOptions" onClick="setInfoParam()" > <img id="imgParam" src="/static/public/tabs/unfocused/param.png" width="45px" height="35px" /> <div id="contentBlocOParam">Paramètres</div> </div> <div id="blocOTrj" class="blocOptions" onClick="setInfoTrajectoires()"> <img id="imgTrj" src="/static/public/tabs/unfocused/trj.png" width="50px" height="35px" /> <div id="contentBlocOTrj">Trajectoires</div> </div> <div id="blocOCon" class="blocOptions" onClick="setInfoConducteur()"> <img id="imgCon" src="/static/public/tabs/unfocused/conducteur.png" width="45px" height="35px" /> <div id="contentBlocOCon">Driver</div> </div> <div id="blocOSav" class="blocOptions" onClick="setInfoSauvegarde()"> <img id="imgSav" src="/static/public/tabs/unfocused/sav.png" width="35px" height="35px" /> <div id="contentBlocOSav">Téléchargement</div> </div> <div id="blocOLangue" class="blocOptions" onClick="setInfoLangue()"> <img id="langueOptions" src="/static/public/tabs/flags/fr.png" height="35px"/> <div id="contentBlocOLangue">Langue</div> </div> </div>

<div id="barreOConduct" class="barreOutil"> <div class="blocOutil blocOutil1"> <div class="titreBloc" id="outilsConducteur">Driver</div> <input type="button" class="boutonOutil gAvant" value=" " onclick="ajouterConducteur('gL')"/> <input type="button" class="boutonOutil dAvant" value=" " onclick="ajouterConducteur('dL')"/> <input type="button" class="boutonOutil gMilieu" value=" " onclick="ajouterConducteur('g')"/> <input type="button" class="boutonOutil dMilieu" value=" " onclick="ajouterConducteur('d')"/> <input type="button" class="boutonOutil gLong" value=" " onclick="ajouterConducteur('gC')"/> <input type="button" class="boutonOutil dLong" value=" " onclick="ajouterConducteur('dC')"/> <input type="button" class="boutonOutil neutre" value=" " onclick="ajouterConducteur('')"/> <input type="button" class="boutonOutil chien" value=" " onclick="ajouterChien()"/> </div> <div class="blocOutil"> <div class="titreBloc" id="outilsOutils">Outils</div> <input type="button" class="boutonOutil zoomP" value=" " onclick="zoom('p')"/> <input type="button" class="boutonOutil zoomM" value=" " onMouseDown="zoom('m')"/> <input type="button" class="boutonOutil poubelle" value=" " onMouseDown="supprimerObstacle()"/> </div> <div class="titreBloc" id="outilsCouleurs">Couleurs</div> <div class="colorSample" id="color-grey-con" onClick="setDriverColor(1)"></div> <div class="colorSample" id="color-red-con" onClick="setDriverColor(2)"></div> <div class="colorSample" id="color-blue-con" onClick="setDriverColor(3)"></div> <table class="checkboxTable"> <tr> <td> <INPUT type="checkbox" id="AfficherConducteur" name="cond" value="0" onclick="genererParcours()" checked> </td> <td> <span class="txtOption" id="txtShowDrive">Show the driver</span> </td> </tr> </table> </div> </div> <div id="barreOLangue" class="barreOutil"> <div class="blocOutil blocOutil1"> <div class="titreBloc" id="outilsLangue">Langue</div> <FORM> <div id="blocInfoLangueFr" class="blocInfo" onClick="setLangue('fr');"> <img src="/static/public/flags/fr.png" /> Fr </div> <div id="blocInfoLangueEn" class="blocInfo" onClick="setLangue('gb');"> <img src="/static/public/flags/gb.png" /> En </div> <div id="blocInfoLanguePt" class="blocInfo" onClick="setLangue('pt');"> <img src="/static/public/flags/pt.png" /> Pt </div> <div id="blocInfoLangueEs" class="blocInfo" onClick="setLangue('es');"> <img src="/static/public/flags/es.png" /> Es </div> <div id="blocInfoLangueDe" class="blocInfo" onClick="setLangue('de');"> <img src="/static/public/flags/de.png" /> De </div> <div id="blocInfoLangueIt" class="blocInfo" onClick="setLangue('it');"> <img src="/static/public/flags/it.png" /> It </div> <div id="blocInfoLanguePl" class="blocInfo" onClick="setLangue('pl');"> <img src="/static/public/flags/pl.png" /> Pl </div> <div id="blocInfoLangueJp" class="blocInfo" onClick="setLangue('jp');"> <img src="/static/public/flags/jp.png" /> 日本語 </div> <div id="blocInfoLangueSe" class="blocInfo" onClick="setLangue('se');"> <img src="/static/public/flags/se.png" /> Se </div> <div id="blocInfoLangueNo" class="blocInfo" onClick="setLangue('no');"> <img src="/static/public/flags/no.png" /> No </div> <div id="blocInfoLangueFi" class="blocInfo" onClick="setLangue('fi');"> <img src="/static/public/flags/fi.png" /> Fi </div> <div id="blocInfoLangueDa" class="blocInfo" onClick="setLangue('da');"> <img src="/static/public/flags/da.png" /> Da </div> <div id="blocInfoLangueHu" class="blocInfo" onClick="setLangue('hu');"> <img src="/static/public/flags/hu.png" /> Hu </div> <div id="blocInfoLangueRu" class="blocInfo" onClick="setLangue('ru');"> <img src="/static/public/flags/ru.png" /> Ru </div> <div id="blocInfoLangueCt" class="blocInfo" onClick="setLangue('ct');"> <img src="/static/public/flags/ct.png" /> Ca </div> </FORM> </div> </div> <div id="barreOParam" class="barreOutil"> <div class="blocOutil blocOutil1"> <div class="titreBloc" id="outilsParam">Paramètres</div> <div> <span id="txtTitre"> Titre : </span> <input type="text" id="titreParcours" onKeyUp="changeInfos()"/> </div> <div> <span id="txtAuteur"> Auteur : </span> <input type="text" id="auteurParcours" onKeyUp="changeInfos()"/> </div> <div class="titreBloc" id="outilsDimension">Dimensions</div> <div> <span class="txtOption" id="txtLongueur"> Longueur : </span> <input type="text" id="largeurParcours" onKeyUp="changeLargeur()" size="3" value="30"/> </div> <div> <span class="txtOption" id="txtLargeur"> Largeur : </span> <input type="text" id="longueurParcours" onKeyUp="changeLongueur()" size="3" value="20"/> </div> <div> <span class="txtOption" id="txtEchelle"> Echelle du cadrillage : </span> <input type="text" id="echelle" onKeyUp="changeEchelle()" size="2"/> </div> <span class="txtOption" id="txtUnite" >Unité de mesure : </span> <select class="txtOption" id="uniteMesure" onChange="changeUniteMesure();"> <option id="txtMetre" value="1">Mètres</option> <option id="txtYard" value="1.093613">Yard</option> <option id="txtPied" value="3.28084">Pied</option> </select> <table class="checkboxTable"> <tr class="ligneCheckboxTable"> <td> <INPUT type="checkbox" id="AfficherDistance" name="dist" value="0" onclick="genererParcours()" class="txtOption" checked> </td> <td> <span id="txtDistance">Distance totale</span> </td> </tr> </table> </div> <br/> <br/> <br/> <div id="blocInfoDim2" class="blocOutil"> <div class="titreBloc" id="outilsCouleurs">Couleurs</div> <div><span class="txtOption">Background : </span></div> <div class="colorSample" id="color-white" onClick="setBackgroundColor(1)"></div> <div class="colorSample" id="color-blue" onClick="setBackgroundColor(2)"></div> <div class="colorSample" id="color-green" onClick="setBackgroundColor(3)"></div> <div><span class="txtOption">Obstacles : </span></div> <div class="colorSample" id="color-white" onClick="setObstacleColor(1)"> <div class="miniColorSample" id="color-greyObst"></div> </div> <div class="colorSample" id="color-redObst" onClick="setObstacleColor(2)"> <div class="miniColorSample" id="color-blueObst"></div> </div> <div class="colorSample" id="color-redObst" onClick="setObstacleColor(3)"> <div class="miniColorSample" id="color-black"></div> </div> <div class="colorSample" id="color-redObst" onClick="setObstacleColor(4)"> <div class="miniColorSample" id="color-white"></div> </div> <div class="colorSample" id="color-pink" onClick="setObstacleColor(5)"> <div class="miniColorSample" id="color-black"></div> </div> </div> </div> <div id="barreOTraj" class="barreOutil"> <div class="blocOutil"> <div class="titreBloc" id="outilsNumero">Numéros</div> <input type="button" class="boutonOutil num" value=" " onclick="ajouterNumero(1)"/> <input type="button" class="boutonOutil num2" value=" " onclick="ajouterNumero(2)"/> <input type="button" class="boutonOutil num3" value=" " onclick="ajouterNumero(3)"/> </div>

<div class="blocOutil"> <div class="titreBloc" id="outilsOutils2">Outils</div> <input type="button" class="boutonOutil zoomP" value=" " onclick="zoom('p')"/> <input type="button" class="boutonOutil zoomM" value=" " onMouseDown="zoom('m')"/> <input type="button" class="boutonOutil poubelle" value=" " onMouseDown="supprimerObstacle()"/> </div> <div class="blocOutil blocOutil1"> <div class="titreBloc" id="outilsTraj">Trajectoires</div> <table class="checkboxTable"> <tr class="ligneCheckboxTable"><td><INPUT type="checkbox" name="Traj" value="AfficherTrajectoires" onclick="ajouterSupprimerTrajectoires()" checked ></td><td><span id="txtTraj">Afficher Trajectoires</span></td></tr> <tr class="ligneCheckboxTable"><td><INPUT type="checkbox" id="ModifierTrajectoires" name="ModifierTrajectoires" value="ModifierTrajectoires" onclick="genererParcours()" ></td><td><span id="txtManualTraj">Modifier Manuellement</span></td></tr> <tr class="ligneCheckboxTable"><td><INPUT type="checkbox" id="VitesseTrajectoires" name="VitesseTrajectoires" value="VitesseTrajectoires" onclick="genererParcours()" ></td><td><span id="txtVitesseTraj">SPEED</span></td></tr> <tr class="ligneCheckboxTable"><td><INPUT type="checkbox" id="2on2off" name="2on2off" value="2on2off" onclick="genererParcours()"></td><td><span id="txt2on2offTraj">2on2off</span></td></tr> </table>

</div>

</div> <div id="barreOSav" class="barreOutil"> <div class="blocOutil blocOutil1"> <div class="titreBloc" id="outilsSauvegarde">Sauvegarde</div> <span class="txtOption" id="generateImg">Générer l'image pour l'export : </span>

<input type="button" id="btnGenererWeb" value="Web" onclick="exportToPNG(0)" class="boutonImage"> <input type="button" id="btnGenererImpr" value="Imprimante" onclick="exportToPNG(4)" class="boutonImage"> <input type="button" id="btnGenererHQ" value="Imprimante Haute Qualité" onclick="exportToPNG(8)" class="boutonImage"> </div> </div> <div id="outils" class="barreOutil"> <div class="blocOutil blocOutil1"> <div class="titreBloc" id="outilsSauts">Sauts</div> <input type="button" class="boutonOutil haie" value=" " onMouseDown="ajouterHaie()"/> <input type="button" class="boutonOutil oxer" value=" " onMouseDown="ajouterOxer()"/> <input type="button" class="boutonOutil mur" value=" " onMouseDown="ajouterMur()"/> <input type="button" class="boutonOutil longueur" value=" " onMouseDown="ajouterLongueur()"/> </div> <div class="blocOutil"> <div class="titreBloc" id="outilsZones">Zones</div> <input type="button" class="boutonOutil pas" value=" " onMouseDown="ajouterPasserelle()"/> <input type="button" class="boutonOutil bal" value=" " onMouseDown="ajouterBalancoire()"/> <input type="button" class="boutonOutil pal" value=" " onMouseDown="ajouterPalissade()"/> <input type="button" class="boutonOutil table" value=" " onMouseDown="ajouterTable()"/> </div> <div class="blocOutil"> <div class="titreBloc" id="outilsAutres">Autres</div> <input type="button" class="boutonOutil tunnel" value=" " onMouseDown="ajouterTunnel(6)"/> <input type="button" class="boutonOutil tunnel3" value=" " onMouseDown="ajouterTunnel(3)"/> <input type="button" class="boutonOutil cho" value=" " onMouseDown="ajouterChaussette()"/> <input type="button" class="boutonOutil slalom" value=" " onMouseDown="ajouterSlalom()"/> <input type="button" class="boutonOutil slalom6" value=" " onMouseDown="ajouterSlalom6()"/> <input type="button" class="boutonOutil pne" value=" " onMouseDown="ajouterPneu()"/> </div> <div class="blocOutil"> <div class="titreBloc" id="outilsOutilsNum">Outils</div> <input type="button" class="boutonOutil zoomP" value=" " onclick="zoom('p')"/> <input type="button" class="boutonOutil zoomM" value=" " onMouseDown="zoom('m')"/> <input type="button" class="boutonOutil poubelle" value=" " onMouseDown="supprimerObstacle()"/> <input type="button" class="boutonOutil num" value=" " onclick="ajouterNumero(1)"/> </div>

</div>

<div id="contentCanvas"> <canvas id="canvas" width="650" height="441"> Canvas not supported </canvas> </br></br> <div id="texte"></div> <span class="txtOption" id="txtMessage">VERSION BETA (En cours de développement), outil créé pour être utilisé avec une souris</span></br></br>

<span class="txtOption" id="txtMessageObst"></span>

<div class="txtFb" > <div class="fb-like" data-href="https://www.facebook.com/agilitymaps/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div> </div>

</div>

</div> <!div class="fondNoExport" id="fondImage">

<!/div> <script language="javascript"> init(); </script> </body></html>