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 '';
- }
- echo '
-
-
-
-
-
- Error: ',$error,'';
+echo ' ',$titre,' : ';
+if ($help) {
+ echo '';
}
-elseif ($balise == 'select') {
- echo '
',$titre,' :
+echo '
-
+
-
';
-}
-elseif ($balise == 'textarea') {
- echo '',$titre,' :
-
-
-
-
-
- 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 :
+
+
+
+
+
+
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 :
+
+
+
+
+
+
+
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 {