78 lines
3.2 KiB
HTML
78 lines
3.2 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" value="zizou.png"/>
|
|
<button id="bouton_image" onclick="fichiers.click()" title="Charger une image et le XML associé">Choix de la
|
|
photo
|
|
</button>
|
|
<button id="detection" onclick="detection_de_visages()" title="Détecter les visages">détection visages
|
|
</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>
|
|
|
|
<!-- cercle indiquant la position où on a cliqué-->
|
|
<svg id="circle_svg" class="invisible" style="position: absolute" ;>
|
|
<circle id="cirsvg" cx="30" cy="30" r="28"/>
|
|
</svg>
|
|
|
|
<!-- formulaire d'ajout ou de modification d'une personne-->
|
|
<div id="ajout" class="invisible" style="position: absolute; z-index: 1;">
|
|
<form name="ajout_personne" id="ajout_personne" onsubmit="envoi_formulaire_ajout">
|
|
<h2 class="title is-2">
|
|
NOUVELLE PERSONNE
|
|
</h2>
|
|
<label for="nom">Nom : </label><input type="text" name="nom" id="nom" autofocus><BR>
|
|
<label for="nom_jeune_fille">Née : </label><input type="text" name="nom_jf" id="nom_jeune_fille"><BR>
|
|
<label for="prenom">Prénom : </label><input type="text" name="prénom" id="prenom"><BR>
|
|
<label for="annee">Année : </label><input type="text" name="année" id="annee"><BR>
|
|
<label for="note">Note : </label><input type="text" name="note" id="note"><BR>
|
|
<label for="titre">Titre photo : </label><input type="text" name="titre" id="titre"><BR>
|
|
|
|
<input id="enreg" type="reset"value="Ajouter"
|
|
onClick=envoi_formulaire_ajout()>
|
|
<input id="reset" type="reset" value="Annuler" onClick=document.getElementById("ajout").className="invisible";>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- photo de fond-->
|
|
<img src="" id="ima_fond" >
|
|
<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>
|