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. 45
      index.php
  3. 28
      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>';
} }
?> ?>

45
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,43 +19,61 @@
$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'>
<p>hello</p>
</div>
</div> </div>
<div class="container-champ">
<?php <?php
$titre = 'Details'; $titre = 'Details';
$sql_name = 'details'; $sql_name = 'details';
$balise = 'textarea'; $balise = 'textarea';
$error = ''; $error = "Vous n'avez pas remplie ce champ";
include("champ.php"); include("champ.php");
?> ?>
</div>
<div class="container-champ">
<?php <?php
$titre = 'Lieu'; $titre = 'Lieu';
$sql_name = 'lieu'; $sql_name = 'lieu';
$type = 'text'; $type = 'text';
$balise = 'input'; $balise = 'input';
$error = "Vous n'avez saisie de lieu"; $error = "Vous n'avez saisie de lieu";
$help = true;
include("champ.php"); 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 class="container-champ">
<?php <?php
$titre = 'Salle'; $titre = 'Salle';
$sql_name = 'salle'; $sql_name = 'salle';
$type = 'text'; $type = 'text';
$balise = 'input'; $balise = 'input';
$error = "Vous n'avez pas saisie de salle"; $error = "Vous n'avez pas saisie de salle";
$help = true;
include("champ.php"); 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>
</div>
</div>
<div class="container-champ">
<?php <?php
$titre = 'Position dans la salle'; $titre = 'Position dans la salle';
$sql_name = 'pos'; $sql_name = 'pos';
$type = 'text'; $type = 'text';
$balise = 'input'; $balise = 'input';
$error = 'Veuillez remplir ce champ'; $error = 'Veuillez remplir ce champ';
$help = true;
include("champ.php"); include("champ.php");
?> ?>
</div>
<div class="container-champ">
<?php <?php
$titre = 'Matériel'; $titre = 'Matériel';
$sql_name = 'materiel'; $sql_name = 'materiel';
@ -63,38 +81,51 @@
$error = ''; $error = '';
include("champ.php"); include("champ.php");
?> ?>
</div>
<div class="container-champ">
<?php <?php
$titre = 'Marque'; $titre = 'Marque';
$sql_name = 'marque'; $sql_name = 'marque';
$type = 'text'; $type = 'text';
$balise = 'input'; $balise = 'input';
$error = "Vous n'avez pas saisie la marque"; $error = "Vous n'avez pas saisie la marque";
$help = true;
include("champ.php"); include("champ.php");
?> ?>
</div>
<div class="container-champ">
<?php <?php
$titre = 'Model'; $titre = 'Model';
$sql_name = 'model'; $sql_name = 'model';
$type = 'text'; $type = 'text';
$balise = 'input'; $balise = 'input';
$error = "Veuillez saisir le model"; $error = "Veuillez saisir le model";
$help = true;
include("champ.php"); include("champ.php");
?> ?>
</div>
<div class="container-champ">
<?php <?php
$titre = 'N° de série'; $titre = 'N° de série';
$sql_name = 'nserie'; $sql_name = 'nserie';
$type = 'text'; $type = 'text';
$balise = 'input'; $balise = 'input';
$error = "Vous n'avez saisie le n° de série"; $error = "Vous n'avez saisie le n° de série";
$help = true;
include("champ.php"); include("champ.php");
?> ?>
</div>
<div class="container-champ">
<?php <?php
$titre = 'Demandeur'; $titre = 'Nom';
$sql_name = 'demandeur'; $sql_name = 'demandeur';
$type = 'text'; $type = 'text';
$balise = 'input'; $balise = 'input';
$error = 'demandeur'; $error = 'Veillez entrer votre nom';
$help = true;
include("champ.php"); include("champ.php");
?> ?>
</div>
<div class="container-champ"> <div class="container-champ">
<br> <br>
<div class="champ"> <div class="champ">

28
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() {
console.log('hello');
for (let i=0; i<help.length; i++) {
console.log(help[i]);
if (help[i].style.display == 'block') {
help[i].style.display = 'none';
}
}
}
function displayHelp(id) { function displayHelp(id) {
if (id.style.display == 'none') { console.log(id);
id.style.display = 'block'; id.style.display = 'block';
} }
else {
function hideHelp(id) {
id.style.display = 'none'; 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