barraux.a
/
siteWeb
1
0
Fork 0
Code Issues Pull Requests Projects Releases 4 Wiki Activity
Browse Source

on appproche dangereusement de la perfection

master
BARRAUX Arthur 3 years ago
parent
60187aa4d9
commit
f9a3c4d7ed
5 changed files with 66 additions and 64 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 35
      champ.php
  2. BIN
      img/int_hov.png
  3. 58
      index.php
  4. 1
      script.js
  5. 30
      stylepage.css

35
champ.php
View File

@ -1,38 +1,13 @@
<?php
if ($balise == 'input'){
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 '</p>
<div class="champ">
<input class="entry" type=',$type,' name=',$sql_name,' required><br>
<img class="check" src="img/check.png" alt="check">
<img class="excla" src="img/excla.png" alt="exclamation">
</div>
<small>Error: ',$error,'</small>';
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>';
}
elseif ($balise == 'select') {
echo '<p>',$titre,' :</p>
echo '</p>
<div class="champ">
<select class="entry" name=',$sql_name,' required>
<option value="UC">UC</option>
<option value="IMP">IMP</option>
<option value="ECR">ECR</option>
<option value="VID">VID</option>
<option value="TBI">TBI</option>
</select>
<img class="check" src="img/check.png" alt="check">
<img class="excla" src="img/excla.png" alt="exclamation">
</div>';
}
elseif ($balise == 'textarea') {
echo '<p>',$titre,' :</p>
<div class="champ">
<textarea class="entry" rows="10" cols="30" name=',$titre,' required></textarea><br>
<input class="entry" type=',$type,' name=',$sql_name,' required><br>
<img class="check" src="img/check.png" alt="check">
<img class="excla" src="img/excla.png" alt="exclamation">
</div>
<small>Error: ',$error,'</small>';
}
?>

BIN
img/int_hov.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

58
index.php
View File

@ -17,34 +17,32 @@
$titre = 'Date';
$sql_name = 'dates';
$type = 'date';
$balise = 'input';
$error = 'Veuillez saisir une date';
$help = false;
include("champ.php");
?>
</div>
<div class="container-champ">
<?php
$titre = 'Details';
$sql_name = 'details';
$balise = 'textarea';
$error = "Vous n'avez pas remplie ce champ";
include("champ.php");
?>
<p>Détails :</p>
<div class="champ">
<textarea class="entry" rows="10" cols="30" name='details' required></textarea><br>
<img class="check" src="img/check.png" alt="check">
<img class="excla" src="img/excla.png" alt="exclamation">
</div>
<small>Error: Veuillez remplir ce champ</small>
</div>
<div class="container-champ">
<?php
$titre = 'Lieu';
$sql_name = 'lieu';
$type = 'text';
$balise = 'input';
$error = "Vous n'avez saisie de lieu";
$help = true;
include("champ.php");
?>
<div class="help" id="lieu">
<p>Entrez le nom du bâtiment dans lequel se trouve le matériel</p><br>
<code>Exemple: bâtiment A</code>
<code>Ex: bâtiment A</code>
</div>
</div>
<div class="container-champ">
@ -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");
?>
<div class="help" id="salle">
<p>Entrez le nom de la salle dans lequel se trouve le matériel</p><br>
<code>Exemple: A 11 codage</code>
<code>Ex: A 11 codage</code>
</div>
</div>
<div class="container-champ">
@ -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");
?>
<div class="help" id="pos">
<p>Veillez fournir des présision sur la position du matériel</p><br>
<code>Ex: PC-42 au fond à droite</code>
</div>
</div>
<div class="container-champ">
<?php
$titre = 'Matériel';
$sql_name = 'materiel';
$balise = 'select';
$error = '';
include("champ.php");
?>
<p>Matériel :</p>
<div class="champ">
<select class="entry" name='materiel' required>
<option value="UC">Unité Centrale</option>
<option value="IMP">Imprimante</option>
<option value="ECR">Ecran</option>
<option value="VID">Vidéo Projecteur</option>
<option value="TBI">Tableau Blanc Interactif</option>
</select>
<img class="check" src="img/check.png" alt="check">
<img class="excla" src="img/excla.png" alt="exclamation">
</div>
<div class="container-champ">
<?php
$titre = 'Marque';
$sql_name = 'marque';
$type = 'text';
$balise = 'input';
$error = "Vous n'avez pas saisie la marque";
$help = true;
include("champ.php");
?>
<div class="help" id="marque">
<p>Veillez renseigner la marque du matériel</p><br>
<code>Ex: Asus</code>
</div>
</div>
<div class="container-champ">
<?php
$titre = 'Model';
$sql_name = 'model';
$type = 'text';
$balise = 'input';
$error = "Veuillez saisir le model";
$help = true;
include("champ.php");
?>
<div class="help" id="model">
<p>Veillez renseigner le modèle du matériel</p><br>
<code>Ex: Lattitude E6410</code>
</div>
</div>
<div class="container-champ">
<?php
$titre = 'N° de série';
$sql_name = 'nserie';
$type = 'text';
$balise = 'input';
$error = "Vous n'avez saisie le n° de série";
$help = true;
include("champ.php");
@ -120,7 +129,6 @@
$titre = 'Nom';
$sql_name = 'demandeur';
$type = 'text';
$balise = 'input';
$error = 'Veillez entrer votre nom';
$help = true;
include("champ.php");
@ -128,7 +136,7 @@
</div>
<div class="container-champ">
<br>
<div class="champ">
<div class="submit">
<input id="submit" class="entry" type="button" onclick="checkInputs()" value="Valider">
</div>
</div>

1
script.js
View File

@ -8,7 +8,6 @@ const help = document.getElementsByClassName('help');
function displayHelp(id) {
console.log(id);
id.style.display = 'block';
}

30
stylepage.css
View File

@ -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 {

Write Preview
Loading…
Cancel
Save