Commit eb315d36 authored by Sylvain Coulange's avatar Sylvain Coulange
Browse files

Premier commit de la v2

parent 636d6cad
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="16"
height="16"
fill="currentColor"
class="bi bi-align-middle"
viewBox="0 0 16 16"
version="1.1"
id="svg4"
sodipodi:docname="align-middle.svg"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1680"
inkscape:window-height="1013"
id="namedview6"
showgrid="false"
inkscape:zoom="10.429825"
inkscape:cx="-19.330229"
inkscape:cy="8.5854284"
inkscape:window-x="1680"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg4" />
<path
style="fill:#000000;stroke-width:0.03104287"
d="M 8.6249038,14.476437 C 8.5165361,14.419679 8.4115101,14.312398 8.3608237,14.206685 8.3371041,14.157215 8.3242251,13.383316 8.313985,11.392159 L 8.2998615,8.6458637 H 7.9750211 7.6501805 l -0.014123,1.3816753 c -0.013986,1.368233 -0.014746,1.382733 -0.078185,1.490148 -0.035233,0.05965 -0.1115,0.144093 -0.169482,0.187635 l -0.1054206,0.07916 -2.4522175,0.0093 c -1.7502693,0.0066 -2.4860695,-0.0017 -2.5704771,-0.02913 -0.1566319,-0.05085 -0.3118788,-0.248943 -0.3542055,-0.451959 -0.02147,-0.102986 -0.032401,-0.58172 -0.032401,-1.4191214 V 8.6298213 L 1.033321,8.6207813 0.19297281,8.6117413 V 8.0147276 7.417707 l 0.83884069,-0.00904 0.838841,-0.00904 0.00856,-1.3385269 c 0.0082,-1.2804889 0.011127,-1.3444441 0.067579,-1.474989 0.032455,-0.075054 0.1129948,-0.1825177 0.178977,-0.2388084 L 2.2457412,4.2449591 H 4.7643526 7.282964 l 0.1054206,0.079165 c 0.057981,0.04354 0.1342484,0.1279766 0.1694821,0.1876351 0.063437,0.1074145 0.064199,0.1219147 0.078185,1.4901465 l 0.014123,1.3816763 h 0.3248467 0.3248404 l 0.014123,-2.7462857 c 0.010707,-2.0813061 0.02252,-2.7639906 0.048796,-2.8193749 0.054725,-0.115346 0.1976819,-0.2452084 0.3122309,-0.2836311 0.1322165,-0.044349 4.8588363,-0.047496 5.0164163,-0.00334 0.06015,0.016857 0.151797,0.080306 0.203646,0.1409992 0.186203,0.2179697 0.181299,0.1348616 0.181299,3.073263 v 2.6544214 l 0.840349,0.00904 0.840348,0.00904 v 0.5970173 0.5970207 l -0.840348,0.00904 -0.840349,0.00904 v 2.6562101 c 0,2.929543 0.0052,2.839464 -0.176491,3.065852 -0.04914,0.06124 -0.134402,0.126454 -0.189467,0.144926 -0.06228,0.0209 -1.023519,0.03315 -2.543483,0.03246 -2.1187262,-9.93e-4 -2.4564741,-0.008 -2.542028,-0.05282 z M 13.045357,8.0147276 V 2.7438883 l -1.85724,-0.00877 -1.85724,-0.00877 v 5.2883804 5.2883883 l 1.85724,-0.0088 1.85724,-0.0088 z m -6.4261919,0 V 5.4560677 H 4.7887596 c -1.3859862,0 -1.8386356,0.00994 -1.864302,0.040939 -0.025738,0.031085 -0.033897,0.6339279 -0.033897,2.5046964 0,1.3550669 0.00771,2.4880419 0.017145,2.5177209 0.015393,0.04844 0.2059946,0.05396 1.8643019,0.05396 h 1.8471563 z"
id="path23"
inkscape:connector-curvature="0" />
</svg>
......@@ -4,51 +4,136 @@
<title>PhonoDrop</title>
<link rel="shortcut icon" type="image/png" href="phonodrop.ico"/>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="styles/phonochromie_alem_v3.css">
<link rel="stylesheet" type="text/css" href="styles/styles.css">
<link rel="stylesheet" type="text/css" href="styles/popup.css">
<script src="scripts/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="styles/clavier.css">
<link rel="stylesheet" href="styles/jquery-ui.min.css">
<script src="scripts/jquery-3.6.0.min.js"></script>
<script src="scripts/jquery-ui.min.js"></script>
<script src="scripts/multidraggable.js"></script>
<script src="scripts/DragDropTouch.js"></script>
</head>
<body>
<div class="header">Cette application est un prototype en cours de conception. <a href="https://groups.google.com/d/forum/alem-app" target="_blank"><b>Accéder au forum</b></a> pour échanger avec la communauté et faire vos suggestions.</div>
<div style="position: relative;">
<div class="paramTop">
<div class="parametres-left">
<span onclick="changeSize(1.1)" class="glyphicon glyphicon-plus-sign" aria-hidden="true" title="Grossir les cartes"></span>
<span onclick="changeSize(0.9)" class="glyphicon glyphicon-minus-sign" aria-hidden="true" title="Rapetisser les cartes"></span>
<img src="im/logo_phonodrop.png" class="logo" title="PhonoDrop">
<div class="paramTop">
<div class="parametres-left">
<div class="param-v1">
<div onclick="changeSize(1.1)" title="Grossir les cartes">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-plus-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z"/>
</svg>
</div>
<div onclick="changeSize(0.9)" title="Rapetisser les cartes">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-dash-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z"/>
</svg>
</div>
</div>
<div class="parametres-center">
<div class="logo" title="PhonoDrop">
<img src="im/logo_phonodrop.png">
</div>
</div>
<div class="parametres-center">
<div class="form-check form-switch fs-4 mx-2">
<input class="form-check-input" type="checkbox" id="switchv2" checked onclick="switchv2()">
<label class="form-check-label" for="switchv2">version 2</label>
</div>
<div class="param-v1">
<img src="im/icongrille.png" onclick="toggleGrille()" title="Afficher/masquer la grille"/>
<img src="im/interlignePlus.png" onclick="changeInterligne(5)" title="Augmenter l'interligne"/>
<img src="im/interligneMoins.png" onclick="changeInterligne(-5)" title="Réduire l'interligne"/>
<span onclick="save2url()" class="glyphicon glyphicon-floppy-disk" aria-hidden="true" title="Enregistrer cette page"></span>
</div>
<div class="ado">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" title="Attribution-NonCommercial-ShareAlike 4.0 International"><img src="im/cc-by-nc-sa.png" title="Attribution-NonCommercial-ShareAlike 4.0 International" class="licence-element licence-img"/></a>
<span>Inspiré des outils d'<a href="mailto:do.alexandre38@gmail.com">Alexandre Do</a></span>
<div onclick="save2url()" title="Enregistrer cette page">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-cloud-upload-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 0a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 4.095 0 5.555 0 7.318 0 9.366 1.708 11 3.781 11H7.5V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11h4.188C14.502 11 16 9.57 16 7.773c0-1.636-1.242-2.969-2.834-3.194C12.923 1.999 10.69 0 8 0zm-.5 14.5V11h1v3.5a.5.5 0 0 1-1 0z"/>
</svg>
</div>
<div class="parametres-right">
<a id="hrefNewPage" href=""><img src="im/new-page.png" title="Ouvrir une nouvelle page"/></a>
<span onclick="eraseAll()" class="glyphicon glyphicon-remove-sign" aria-hidden="true" title="Tout effacer"></span>
</div>
<div class="ado">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" title="Attribution-NonCommercial-ShareAlike 4.0 International"><img src="im/cc-by-nc-sa.png" title="Attribution-NonCommercial-ShareAlike 4.0 International" class="licence-element licence-img"/></a>
<span>Inspiré des outils d'<a href="mailto:do.alexandre38@gmail.com">Alexandre Do</a></span>
</div>
<div class="parametres-right">
<a id="hrefNewPage" href=""><div title="Ouvrir une nouvelle page">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-file-earmark-plus" viewBox="0 0 16 16">
<path d="M8 6.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V9.5H6a.5.5 0 0 1 0-1h1.5V7a.5.5 0 0 1 .5-.5z"/>
<path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
</svg>
</div></a>
<div onclick="eraseAll()" title="Tout effacer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/>
</svg>
</div>
</div>
<div class="parametres-bottom">
<span onclick="mvTiroir(20)" class="glyphicon glyphicon-upload" aria-hidden="true" title="Agrandir le panier"></span><br>
<span onclick="mvTiroir(-20)" class="glyphicon glyphicon-download" aria-hidden="true" title="Réduire le panier"></span><br>
<span id="eye" onclick="toggleTirroir()" class="glyphicon glyphicon-eye-close" aria-hidden="true" title="Masquer le panier"></span>
</div>
<div class="parametres-bottom">
<div onclick="mvTiroir(20)" title="Agrandir le panier">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-arrow-up-circle" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
</svg>
</div>
<div class="ecritoire">
<div id="casesZone"></div>
<div onclick="mvTiroir(-20)" title="Réduire le panier">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-arrow-down-circle" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z"/>
</svg>
</div>
<div id="eye1" onclick="toggleTirroir()" title="Afficher le panier">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-eye-slash-fill" viewBox="0 0 16 16">
<path d="M10.79 12.912l-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.027 7.027 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.088z"/>
<path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708l-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6l-12-12 .708-.708 12 12-.708.707z"/>
</svg>
</div>
<div id="eye0" onclick="toggleTirroir()" title="Masquer le panier">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
<path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>
<path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
</svg>
</div>
</div>
<!-- PhonoDrop V1 -->
<div class="ecritoire" id="ecritoire">
<div id="casesZone"></div>
</div>
<!-- PhonoDrop V2 -->
<div id="multidraggable">
<div class="tooldiv" style="display: none;" id="tooldiv" draggable="true">
<div class="tooldivZone top-left noMove" onclick="duplicate()">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="noMove bi bi-files" viewBox="0 0 16 16">
<path d="M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z"/>
</svg>
</div>
<div class="tooldivZone top-right noMove" onclick="removeGroup()">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="noMove bi bi-trash" viewBox="0 0 16 16">
<path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>
<path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>
</svg>
</div>
<div class="tooldivZone bottom-left noMove" onclick="alignGroup()">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="noMove bi bi-trash" viewBox="0 0 16 16">
<path style="stroke-width:0.03104287" d="M 8.6249038,14.476437 C 8.5165361,14.419679 8.4115101,14.312398 8.3608237,14.206685 8.3371041,14.157215 8.3242251,13.383316 8.313985,11.392159 L 8.2998615,8.6458637 H 7.9750211 7.6501805 l -0.014123,1.3816753 c -0.013986,1.368233 -0.014746,1.382733 -0.078185,1.490148 -0.035233,0.05965 -0.1115,0.144093 -0.169482,0.187635 l -0.1054206,0.07916 -2.4522175,0.0093 c -1.7502693,0.0066 -2.4860695,-0.0017 -2.5704771,-0.02913 -0.1566319,-0.05085 -0.3118788,-0.248943 -0.3542055,-0.451959 -0.02147,-0.102986 -0.032401,-0.58172 -0.032401,-1.4191214 V 8.6298213 L 1.033321,8.6207813 0.19297281,8.6117413 V 8.0147276 7.417707 l 0.83884069,-0.00904 0.838841,-0.00904 0.00856,-1.3385269 c 0.0082,-1.2804889 0.011127,-1.3444441 0.067579,-1.474989 0.032455,-0.075054 0.1129948,-0.1825177 0.178977,-0.2388084 L 2.2457412,4.2449591 H 4.7643526 7.282964 l 0.1054206,0.079165 c 0.057981,0.04354 0.1342484,0.1279766 0.1694821,0.1876351 0.063437,0.1074145 0.064199,0.1219147 0.078185,1.4901465 l 0.014123,1.3816763 h 0.3248467 0.3248404 l 0.014123,-2.7462857 c 0.010707,-2.0813061 0.02252,-2.7639906 0.048796,-2.8193749 0.054725,-0.115346 0.1976819,-0.2452084 0.3122309,-0.2836311 0.1322165,-0.044349 4.8588363,-0.047496 5.0164163,-0.00334 0.06015,0.016857 0.151797,0.080306 0.203646,0.1409992 0.186203,0.2179697 0.181299,0.1348616 0.181299,3.073263 v 2.6544214 l 0.840349,0.00904 0.840348,0.00904 v 0.5970173 0.5970207 l -0.840348,0.00904 -0.840349,0.00904 v 2.6562101 c 0,2.929543 0.0052,2.839464 -0.176491,3.065852 -0.04914,0.06124 -0.134402,0.126454 -0.189467,0.144926 -0.06228,0.0209 -1.023519,0.03315 -2.543483,0.03246 -2.1187262,-9.93e-4 -2.4564741,-0.008 -2.542028,-0.05282 z M 13.045357,8.0147276 V 2.7438883 l -1.85724,-0.00877 -1.85724,-0.00877 v 5.2883804 5.2883883 l 1.85724,-0.0088 1.85724,-0.0088 z m -6.4261919,0 V 5.4560677 H 4.7887596 c -1.3859862,0 -1.8386356,0.00994 -1.864302,0.040939 -0.025738,0.031085 -0.033897,0.6339279 -0.033897,2.5046964 0,1.3550669 0.00771,2.4880419 0.017145,2.5177209 0.015393,0.04844 0.2059946,0.05396 1.8643019,0.05396 h 1.8471563 z" />
</svg>
</div>
<div class="tooldivZone bottom-right noMove" onclick="reverseGroup()">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="noMove bi bi-arrow-left-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z"/>
</svg>
</div>
</div>
<div id="anchor"></div>
</div>
<footer>
<div>S.Coulange |
<a href="https://gricad-gitlab.univ-grenoble-alpes.fr/pedagogies-multimodales/phonodrop">Code source</a>
- <a href="https://gricad-gitlab.univ-grenoble-alpes.fr/pedagogies-multimodales/phonodrop/commits/master">Journal des modifications</a>
- <a href="https://gricad-gitlab.univ-grenoble-alpes.fr/pedagogies-multimodales/phonodrop/commits/master">Journal des modifications</a>
</div>
<div class="licence-div">
<div>Code open source sous licence CC BY-NC-SA 4.0</div>
......@@ -58,8 +143,73 @@
</footer>
<div id="tiroir" class="scroll">
<div id="hrDiv"><span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span></div>
<div id="hrDiv">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
<path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
</svg>
</div>
<div class="targetZone panier" id="panier"></div>
<div id="panierv2">
<div class="clavier-graphiesZone">
<div class="clavier" id="clavier">
<!-- FR Claviers A. DO -->
<embed id="svgFond" src="svg/00.svg" class="superposeBack">
<img id="pngPochoir" class="superpose">
<img id="pngCalq" class="superpose">
<embed id="svgClick" src="svg/00-click.svg" class="superpose">
<img src="" class="popUpProfile" id="popDiv"/>
<div class="doAide" style="right:0px">
<div id="aidbtn" onclick="toggleAides()" title="Afficher/masquer les popups d'aide">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-info-circle nobg" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
<path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
</svg>
</div>
</div>
<!-- FR Clavier Kinephones -->
<embed id="svgFrKinephones" style="display: none;" src="svg/kinephones_fr.svg" class="superposeBack">
<!-- FR Clavier Gattegno -->
<embed id="svgFrGattegno" style="display: none;" src="svg/Gattegno_fr.svg" class="superposeBack">
<!-- EN Clavier PronSci UK -->
<embed id="svgEnPronSciBr" style="display: none;" src="svg/en_pronsci-br.svg" class="superposeBack">
<!-- EN Clavier ALeM -->
<embed id="svgEnAlem" style="display: none;" src="svg/alem-en.svg" class="superposeBack">
<img id="pngPochoirEnAlem" style="display: none;" src="png/pochoir-en.png" class="superpose">
<img id="pngCalqEnAlemLignes" style="display: none;" src="png/pochoir-en-lignes.png" class="superpose">
<embed id="svgClickEnAlem" style="display: none;" src="svg/alem-en_click.svg" class="superpose">
<!-- BOUTONS + - -->
<div class="control-clavier">
<img src="png/moins.png" onclick="rapetisserPanneau()" class="langtitle" id="ti_minClav"/>
<img src="png/plus.png" onclick="agrandirPanneau()" class="langtitle" id="ti_maxClav"/>
</div>
</div>
<div id="graphies" class="graphies">
</div>
</div>
<div class="choixPanneau">
<select id="selectPanneau" onchange="selectPanneau(this.value)" class="langtitle">
<option value="phonoFrDo">Panneaux Fr A. Do</option>
<option value="svgFrKinephones">Panneau Fr Kinéphones</option>
<option value="svgFrGattegno">Panneau Fr Gattegno</option>
<option value="phonoEnAlem">Panneau En ALEM British</option>
<option value="phonoEnPronSciBr">Panneau En PronSci British</option>
</select>
<div id="doCalques" class="doCalques mt-2">
<input type="image" class="btn-calq" src="png/btn_rien.png" title="Panneau vierge" id="btn-rien" />
<input type="image" class="btn-calq" src="png/btn_vsm.png" title="Voisements et position langue" id="btn-vsm" />
<input type="image" class="btn-calq btnfocus" src="png/btn_bch.png" title="Formes de bouche" id="btn-bch" />
<input type="image" class="btn-calq" src="png/btn_cpsg.png" title="Coupes sagitales" id="btn-cpsg" />
</div>
</div>
</div>
</div>
<!-- Modal PopUp qui apparaît lors de l'enregistrement -->
......@@ -85,6 +235,9 @@
</div>
<script type="text/javascript" src="scripts/cartes.js"></script>
<script type="text/javascript" src="scripts/popupAide.js"></script>
<script type="text/javascript" src="scripts/selectPanneau.js"></script>
<script type="text/javascript" src="scripts/script.js"></script>
<script type="text/javascript" src="scripts/phonodrop_v2.js"></script>
</body>
</html>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment