diff --git a/champ.php b/champ.php index 42c9dc4..3b58f97 100644 --- a/champ.php +++ b/champ.php @@ -1,38 +1,13 @@ ',$titre,' : '; - if ($help) { - echo 'point_int'; - } - echo '

-
-
- check - exclamation -
- Error: ',$error,''; +echo '

',$titre,' : '; +if ($help) { + echo 'point_int'; } -elseif ($balise == 'select') { - echo '

',$titre,' :

+echo '

- +
check exclamation -
'; -} -elseif ($balise == 'textarea') { - echo '

',$titre,' :

-
-
- check - exclamation -
- Error: ',$error,''; -} + + Error: ',$error,''; ?> diff --git a/img/int_hov.png b/img/int_hov.png new file mode 100644 index 0000000..1227bb5 Binary files /dev/null and b/img/int_hov.png differ diff --git a/index.php b/index.php index 0920930..87c259e 100644 --- a/index.php +++ b/index.php @@ -17,34 +17,32 @@ $titre = 'Date'; $sql_name = 'dates'; $type = 'date'; - $balise = 'input'; $error = 'Veuillez saisir une date'; $help = false; include("champ.php"); ?>
- +

Détails :

+
+
+ check + exclamation +
+ Error: Veuillez remplir ce champ

Entrez le nom du bâtiment dans lequel se trouve le matériel


- Exemple: bâtiment A + Ex: bâtiment A
@@ -52,14 +50,13 @@ $titre = 'Salle'; $sql_name = 'salle'; $type = 'text'; - $balise = 'input'; $error = "Vous n'avez pas saisie de salle"; $help = true; include("champ.php"); ?>

Entrez le nom de la salle dans lequel se trouve le matériel


- Exemple: A 11 codage + Ex: A 11 codage
@@ -67,49 +64,61 @@ $titre = 'Position dans la salle'; $sql_name = 'pos'; $type = 'text'; - $balise = 'input'; $error = 'Veuillez remplir ce champ'; $help = true; include("champ.php"); ?> +
+

Veillez fournir des présision sur la position du matériel


+ Ex: PC-42 au fond à droite +
- -
+

Matériel :

+
+ + check + exclamation +
+
+

Veillez renseigner la marque du matériel


+ Ex: Asus +
+
+

Veillez renseigner le modèle du matériel


+ Ex: Lattitude E6410 +

-
+
diff --git a/script.js b/script.js index 0d83bb7..537a37d 100644 --- a/script.js +++ b/script.js @@ -8,7 +8,6 @@ const help = document.getElementsByClassName('help'); function displayHelp(id) { - console.log(id); id.style.display = 'block'; } diff --git a/stylepage.css b/stylepage.css index 2903480..acddd56 100644 --- a/stylepage.css +++ b/stylepage.css @@ -71,7 +71,7 @@ form{ .champ:focus, .champ:hover{ width: 300px; - border-color: #2ecc71; + border-color: #ac2a8d; background-color: #dddddd; } @@ -84,9 +84,25 @@ form{ right: 20px; } -.submit:hover, .submit:focus{ +.submit{ + background-color: inherit; + display: flex; + position: relative; + flex-direction: row-reverse; + text-align: center; + color: #454444; + display: block; + margin: 10px auto; + border: 4px solid #4e4d4d; + padding: 10px 10px; + width: 200px; + border-radius: 30px; + transition: 0.25s; +} + +.submit:hover{ width: 250px; - background-color: rgba(46, 204, 113, 0.3); + background-color: #82E6AC; border-color: #2ecc71; } @@ -98,14 +114,18 @@ form{ right: 0; top: 30%; border-radius: 30px; - padding: 20px; + padding: 15px; margin: 0; background-color: #dddddd; } .help * { - font-size: 14px + font-size: 14px; + width: 100%; +} +.help p{ + position: relative; } code {