Browse Source

déjà le deuxième commit, ça avance

master
BARRAUX Arthur 3 years ago
parent
commit
60187aa4d9
  1. 19
      champ.php
  2. 177
      index.php
  3. 30
      script.js
  4. 22
      stylepage.css

19
champ.php

@ -1,14 +1,16 @@
<?php <?php
if ($balise == 'input'){ if ($balise == 'input'){
echo '<div class="container-champ"> echo '<p> ',$titre,' : ';
<p> ',$titre,' : <a id="int" href="#" onmouseup=displayHelp(',$sql_name,') ><img src="img/int.png" alt="point_int" width=20px></a></p> 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"> <div class="champ">
<input class="entry" type=',$type,' name=',$sql_name,' required><br> <input class="entry" type=',$type,' name=',$sql_name,' required><br>
<img class="check" src="img/check.png" alt="check"> <img class="check" src="img/check.png" alt="check">
<img class="excla" src="img/excla.png" alt="exclamation"> <img class="excla" src="img/excla.png" alt="exclamation">
</div> </div>
<small>Error: ',$error,'</small> <small>Error: ',$error,'</small>';
</div>';
} }
elseif ($balise == 'select') { elseif ($balise == 'select') {
echo '<p>',$titre,' :</p> echo '<p>',$titre,' :</p>
@ -22,18 +24,15 @@ elseif ($balise == 'select') {
</select> </select>
<img class="check" src="img/check.png" alt="check"> <img class="check" src="img/check.png" alt="check">
<img class="excla" src="img/excla.png" alt="exclamation"> <img class="excla" src="img/excla.png" alt="exclamation">
</div> </div>';
<small>Error: ',$error,'</small>';
} }
elseif ($balise == 'textarea') { elseif ($balise == 'textarea') {
echo '<div class="container-champ"> echo '<p>',$titre,' :</p>
<p>',$titre,' :</p>
<div class="champ"> <div class="champ">
<textarea class="entry" rows="10" cols="30" name=',$titre,' required></textarea><br> <textarea class="entry" rows="10" cols="30" name=',$titre,' required></textarea><br>
<img class="check" src="img/check.png" alt="check"> <img class="check" src="img/check.png" alt="check">
<img class="excla" src="img/excla.png" alt="exclamation"> <img class="excla" src="img/excla.png" alt="exclamation">
</div> </div>
<small>Error: ',$error,'</small> <small>Error: ',$error,'</small>';
</div>';
} }
?> ?>

177
index.php

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html onclick=hideHelp() lang="fr"> <html lang="fr">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Tickets de panne</title> <title>Tickets de panne</title>
@ -19,82 +19,113 @@
$type = 'date'; $type = 'date';
$balise = 'input'; $balise = 'input';
$error = 'Veuillez saisir une date'; $error = 'Veuillez saisir une date';
$help = false;
include("champ.php"); include("champ.php");
?> ?>
<div class='help' id='dates'> </div>
<p>hello</p> <div class="container-champ">
<?php
$titre = 'Details';
$sql_name = 'details';
$balise = 'textarea';
$error = "Vous n'avez pas remplie ce champ";
include("champ.php");
?>
</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>
</div> </div>
</div> </div>
<?php <div class="container-champ">
$titre = 'Details'; <?php
$sql_name = 'details'; $titre = 'Salle';
$balise = 'textarea'; $sql_name = 'salle';
$error = ''; $type = 'text';
include("champ.php"); $balise = 'input';
?> $error = "Vous n'avez pas saisie de salle";
<?php $help = true;
$titre = 'Lieu'; include("champ.php");
$sql_name = 'lieu'; ?>
$type = 'text'; <div class="help" id="salle">
$balise = 'input'; <p>Entrez le nom de la salle dans lequel se trouve le matériel</p><br>
$error = "Vous n'avez saisie de lieu"; <code>Exemple: A 11 codage</code>
include("champ.php"); </div>
?> </div>
<?php <div class="container-champ">
$titre = 'Salle'; <?php
$sql_name = 'salle'; $titre = 'Position dans la salle';
$type = 'text'; $sql_name = 'pos';
$balise = 'input'; $type = 'text';
$error = "Vous n'avez pas saisie de salle"; $balise = 'input';
include("champ.php"); $error = 'Veuillez remplir ce champ';
?> $help = true;
<?php include("champ.php");
$titre = 'Position dans la salle'; ?>
$sql_name = 'pos'; </div>
$type = 'text'; <div class="container-champ">
$balise = 'input'; <?php
$error = 'Veuillez remplir ce champ'; $titre = 'Matériel';
include("champ.php"); $sql_name = 'materiel';
?> $balise = 'select';
<?php $error = '';
$titre = 'Matériel'; include("champ.php");
$sql_name = 'materiel'; ?>
$balise = 'select'; </div>
$error = ''; <div class="container-champ">
include("champ.php"); <?php
?> $titre = 'Marque';
<?php $sql_name = 'marque';
$titre = 'Marque'; $type = 'text';
$sql_name = 'marque'; $balise = 'input';
$type = 'text'; $error = "Vous n'avez pas saisie la marque";
$balise = 'input'; $help = true;
$error = "Vous n'avez pas saisie la marque"; include("champ.php");
include("champ.php"); ?>
?> </div>
<?php <div class="container-champ">
$titre = 'Model'; <?php
$sql_name = 'model'; $titre = 'Model';
$type = 'text'; $sql_name = 'model';
$balise = 'input'; $type = 'text';
$error = "Veuillez saisir le model"; $balise = 'input';
include("champ.php"); $error = "Veuillez saisir le model";
?> $help = true;
<?php include("champ.php");
$titre = 'N° de série'; ?>
$sql_name = 'nserie'; </div>
$type = 'text'; <div class="container-champ">
$balise = 'input'; <?php
$error = "Vous n'avez saisie le n° de série"; $titre = 'N° de série';
include("champ.php"); $sql_name = 'nserie';
?> $type = 'text';
<?php $balise = 'input';
$titre = 'Demandeur'; $error = "Vous n'avez saisie le n° de série";
$sql_name = 'demandeur'; $help = true;
$type = 'text'; include("champ.php");
$balise = 'input'; ?>
$error = 'demandeur'; </div>
include("champ.php"); <div class="container-champ">
?> <?php
$titre = 'Nom';
$sql_name = 'demandeur';
$type = 'text';
$balise = 'input';
$error = 'Veillez entrer votre nom';
$help = true;
include("champ.php");
?>
</div>
<div class="container-champ"> <div class="container-champ">
<br> <br>
<div class="champ"> <div class="champ">

30
script.js

@ -1,4 +1,3 @@
const image = document.getElementById('int');
const button = document.getElementById('submit'); const button = document.getElementById('submit');
const page = document.getElementById('page'); const page = document.getElementById('page');
@ -7,33 +6,14 @@ const excla = document.getElementsByClassName('excla');
const entry = document.getElementsByClassName('entry'); const entry = document.getElementsByClassName('entry');
const help = document.getElementsByClassName('help'); const help = document.getElementsByClassName('help');
page.addEventListener('click', function() {
console.log('hello');
for (let i=0; i<help; i++) {
console.log(help[i]);
if (help[i].style.display == 'block') {
help[i].style.display = 'none';
}
}
});
function hideHelp() { function displayHelp(id) {
console.log('hello'); console.log(id);
for (let i=0; i<help.length; i++) { id.style.display = 'block';
console.log(help[i]);
if (help[i].style.display == 'block') {
help[i].style.display = 'none';
}
}
} }
function displayHelp(id) { function hideHelp(id) {
if (id.style.display == 'none') { id.style.display = 'none';
id.style.display = 'block';
}
else {
id.style.display = 'none';
}
} }
function checkInputs() { function checkInputs() {

22
stylepage.css

@ -1,4 +1,5 @@
body{ body{
z-index: 1;
background-color: #e5e5e5; background-color: #e5e5e5;
margin: 20px; margin: 20px;
text-align: center; text-align: center;
@ -91,6 +92,25 @@ form{
.help{ .help{
display: none; display: none;
z-index: 2;
position: absolute;
width: 170px;
right: 0;
top: 30%;
border-radius: 30px;
padding: 20px;
margin: 0; margin: 0;
background-color: #22e6b5; background-color: #dddddd;
}
.help * {
font-size: 14px
}
code {
background-color: #aaa;
border-radius: 5px;
font-family: courier, monospace;
padding: 3px 5px;
} }

Loading…
Cancel
Save