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

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

master
BARRAUX Arthur 3 years ago
parent
c9c9fa6468
commit
60187aa4d9
4 changed files with 139 additions and 109 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 19
      champ.php
  2. 177
      index.php
  3. 30
      script.js
  4. 22
      stylepage.css

19
champ.php
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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;
} }

Write Preview
Loading…
Cancel
Save