hover help

css/style.css

@@ -141,6 +141,9 @@ form {
   background-color: #e5e5e5;
   font-size: 14px;
 }
+.help:hover {
+  display: block;
+}
 .help p {
   position: relative;
   font-size: 14px;

css/style.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../sass/main.scss"],"names":[],"mappings":"AAMA;EACI;EACA;;AAGJ;EACI;EACA;EACA,kBAbS;EAcT;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA,OA9BE;EA+BF;EACA;;;AAOR;EACI;EACA;EACA;EACA,kBA9CQ;EA+CR;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,kBAhEG;EAiEH;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;AAUhB;EACI;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AAGJ;EACI;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA,cAnIF;EAoIE;;AAEJ;EACI;EACA;EACA;;;AASZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBA/JS;EAgKT;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAQR;EACI;EACA;EACA;EACA;EACA,kBA5LQ;EA6LR;EACA;;AACA;EACI;;AAEJ;EACI,kBAlMK;EAoML;EACA;EACA;EACA;EAEA;EACA;EACA,OA5MI;;AA6MJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA,OAtNA;EAuNA;;AACA;EACI;;AAEJ;EACI;EACA;;AAIZ;EACI,OA/NE;EAgOF;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;AAOhB;EACI;EACA,kBAzUS;EA0UT;EACA;EACA;;AACA;EACI,OA9UK;EA+UL,kBA7UE;;AA+UN;EACI;EACA;EACA;EACA,OAtVI;;AAwVR;EACI,OAtVE;EAuVF;EACA;EACA;EACA","file":"style.css"}
+{"version":3,"sourceRoot":"","sources":["../sass/main.scss"],"names":[],"mappings":"AAMA;EACI;EACA;;AAGJ;EACI;EACA;EACA,kBAbS;EAcT;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA,OA9BE;EA+BF;EACA;;;AAOR;EACI;EACA;EACA;EACA,kBA9CQ;EA+CR;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,kBAhEG;EAiEH;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;AAUhB;EACI;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AAGJ;EACI;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA,cAnIF;EAoIE;;AAEJ;EACI;EACA;EACA;;;AASZ;EAII;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAlKS;EAmKT;;AAdA;EACI;;AAcJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAQR;EACI;EACA;EACA;EACA;EACA,kBA/LQ;EAgMR;EACA;;AACA;EACI;;AAEJ;EACI,kBArMK;EAuML;EACA;EACA;EACA;EAEA;EACA;EACA,OA/MI;;AAgNJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA,OAzNA;EA0NA;;AACA;EACI;;AAEJ;EACI;EACA;;AAIZ;EACI,OAlOE;EAmOF;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;;AAOhB;EACI;EACA,kBA5US;EA6UT;EACA;EACA;;AACA;EACI,OAjVK;EAkVL,kBAhVE;;AAkVN;EACI;EACA;EACA;EACA,OAzVI;;AA2VR;EACI,OAzVE;EA0VF;EACA;EACA;EACA","file":"style.css"}

prof/include/champ.php

@@ -1,7 +1,7 @@
 <?php
 echo '<p> ',$titre,' : ';
 if ($help) {
-    echo '<a class="int" href="#" onmouseover=displayHelp(',$sql_name,') onmouseout=hideHelp(',$sql_name,') ><img src="../img/int.png" alt="point_int" width=20px ></a>';
+    echo '<a class="int" href="#" onmouseover=displayHelp(',$sql_name,')><img src="../img/int.png" alt="point_int" width=20px ></a>';
 }
 echo '</p>
     <input class="container-field__field" type=',$type,' name=',$sql_name,'><br>

prof/index.php

@@ -131,9 +131,9 @@ include '../sessions/session.php';
                     $help = true;
                     include("include/champ.php");
                 ?>
-                <div class="help" id="nserie">
-                    <img src="../img/voile.JPG" alt="voile"> <br>
-                    <code>Ex: bâtiment A</code>
+                <div class="help" id="nserie" onmouseleave='hideHelp(nserie)'>
+                    <p>Voici un exemple. Pour plus d'aide: <a href="#">ici</a> </p> <br>
+                    <code>Ex: 3A42B14</code>
                 </div>
             </div>
             <div class="container-field">

sass/main.scss

@@ -148,6 +148,9 @@ form {
 
 
 .help {
+    &:hover {
+        display: block;
+    }
     display: none;
     z-index: 2;
     position: absolute;