photo_mem/photo_mem.html

74 lines
2.8 KiB
HTML

<!DOCTYPE HTML>
<!-- Photo_mem Version 2.1
Copyright © 2017-2021 J. PLISSON
Licence AGPL v3.0+
2.0 mai 2021 ajout détection de visages
2.1 juin 2021 refonte en une seule application
amélioration saisie des fichiers
ajout fonction modification des personnes
-->
<html>
<head>
<meta charset="utf-8"/>
<title>Photo mem</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="/style_photomem.css"></link>
<header>
<h1>Photo Mem</h1>
</header>
<main>
<div id="actions">
<input id="fichiers" multiple type="file" class="cotecote" style="display:none"/>
<button id="bouton_image" onclick="fichiers.click()" title="Charger une image et le XML associé">Choix de la
photo
</button>
<input id="save_file" type="button" class=cotecote value="Enregistrer xml"
onclick="enregistrer_fichier(enreg_xml)"/>
<input id="file" type="button" class=cotecote value="Enregistrer image " onclick="image_finale()"/>
<p id="status" class=cotecote>OpenCV.js chargement en cours...</p>
</div>
<div style="position: relative; ">
<img src="" id="ima_fond" style="position: absolute; left: 0; top: 0; z-index: 0;">
</div>
<svg class="invisible" style="position: absolute" ;>
<circle id="cirsvg" cx="30" cy="30" r="28"/>
</svg>
<div id="ajout" class="invisible" style="position: relative; z-index: 1;">
<form name="ajout_personne" id="ajout_personne">
<h2 class="title is-2">
NOUVELLE PERSONNE
</h2>
Nom : <input type="text" name="nom" id="nom" autofocus><BR>
Née : <input type="text" name="nom_jf" id="nom_jeune_fille"><BR>
Prénom : <input type="text" name="prénom" id="prenom"><BR>
Année : <input type="text" name="année" id="annee"><BR>
Note : <input type="text" name="note" id="note"><BR>
Titre photo : <input type="text" name="titre" id="titre"><BR>
<input type="reset" id="enreg" value="Ajouter"
onClick=ajouter_personne_xml("",souris_x,souris_y,"","");lecture_xml();>
<input type="reset" value="Annuler" onClick=document.getElementById("ajout").className="invisible";>
</form>
</div>
<div id="menu_modif" class="invisible">
<div id="modifier" onClick="modifier_personne();">modifier</div>
<div id="supprimer" onClick="supprimer_personne();menu.style.visibility='hidden';">supprimer</div>
<div id="annuler" onClick="menu.style.visibility='hidden';">annuler</div>
</div>
</main>
<footer>
</footer>
<script type="application/javascript" src="main.js"></script>
<script src="opencv.js" onload="onOpenCvReady();" type="text/javascript"></script>
</body>
</html>