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

177
index.php
View File

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

30
script.js
View File

@ -1,4 +1,3 @@
const image = document.getElementById('int');
const button = document.getElementById('submit');
const page = document.getElementById('page');
@ -7,33 +6,14 @@ const excla = document.getElementsByClassName('excla');
const entry = document.getElementsByClassName('entry');
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) {
console.log(id);
id.style.display = 'block';
}
function displayHelp(id) {
if (id.style.display == 'none') {
id.style.display = 'block';
}
else {
id.style.display = 'none';
}
function hideHelp(id) {
id.style.display = 'none';
}
function checkInputs() {

22
stylepage.css
View File

@ -1,4 +1,5 @@
body{
z-index: 1;
background-color: #e5e5e5;
margin: 20px;
text-align: center;
@ -91,6 +92,25 @@ form{
.help{
display: none;
z-index: 2;
position: absolute;
width: 170px;
right: 0;
top: 30%;
border-radius: 30px;
padding: 20px;
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