Déroulement tableau PHP/HTML
Résolu
Ibilolz
Messages postés
130
Date d'inscription
Statut
Membre
Dernière intervention
-
tete0148 Messages postés 413 Date d'inscription Statut Membre Dernière intervention -
tete0148 Messages postés 413 Date d'inscription Statut Membre Dernière intervention -
Bonjour, je travaille sur un petit projet pour mon lycée et j'aurais besoin d'aide pour faire dérouler un tableaux. En gros, j'ai fais une page visualiser ou l'utilisateur peut voir l'ensemble du matériel du parc informatique du lycée avec un petit code java pour que quand on clique sur la catégorie choisie, la table SQL s'affiche sous forme d'un tableau dans une petite zone définie dans le code. Voici ma page visualiser :
Voici une capture d'écran :
https://www.zupimages.net/
Mon problème est que comme la BD va se remplir, le tableau va devenir plus grand et je voudrais avoir un sorte de petite barre sur le coté classique pour le faire dérouler sans que sa allonge la page. Merci d'avance.
<!DOCTYPE html>
<html>
<head>
<title>Salle</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/style.css" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*<![CDATA[*/
.divs {display:none;}
#Mat {
position: absolute;
width:400px;
height:180px;
top:600px;
left:280px;
border:1px white;
padding:2px;
background-color:#F7F7F7
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function visibilite(id){document.getElementById("Mat").innerHTML = document.getElementById(id).innerHTML;}
//]]>
</script>
</head>
<body>
<div id="bloc_page">
<header>
<!-- Bannière -->
<div id="logo_raiatea">
<img src="banniere.png" alt="StEx" id="StEx" />
</div>
<!-- Menu -->
<nav>
<ul>
<li><a href="index.php">Accueil</a></li>
<li><a href="salle.php">Salle</a></li>
<li><a href="materiel.php">Matériel</a></li>
<li><a href="logiciel.php">Logiciel</a></li>
<li><a href="Inventaire.php">Inventaire</a></li>
<li><a href="Config.php">Config</a></li>
<li><a href="Visualiser.php">Visualiser</a></li>
</ul>
</nav>
</header>
<br></br>
<FONT COLOR="teal" size=5><b><u>Gestion des salles</u> :</b></FONT>
<br></br>
<br></br>
<!-- Corps -->
<div id="Mat"> </div>
<a href="javascript:visibilite('opt1');"><FONT COLOR="teal" size=4><u>Ajouter</u></FONT></a> <br></br>
<div id="opt1" class="divs">
<FORM Method="POST" Action="">
Numéro de la salle : <input type="text" name="num" size=10 <br></br>
Description : <input type="text" name="descr" size=20 <br></br>
Nombre de poste :<input type="text" name="nombre" size=20 <br></br>
<br></br>
<input type="submit", name="submit" Value="Ajouter">
<?php
include 'fonctions.connect.php';
if ($_POST['num']!='' && $_POST['descr']!='' && $_POST['nombre']!='')
{
$num = $_POST['num'];
$descr = $_POST['descr'];
$nombre = $_POST['nombre'];
$sql = "INSERT INTO Salle (num_salle,description,nombre_poste)
VALUES ('$num','$descr','$nombre')";
mysql_query($sql) or die(mysql_error()) ;
}
?>
</div></FORM>
<br></br>
<br></br>
<div> <a href="javascript:visibilite('opt2');"><FONT COLOR="teal" size=4>Visualiser</FONT></a> <br></br>
<div id="opt2" class="divs">
<?php
include 'fonctions.connect.php';
$sql="SELECT * FROM Salle";
$exec=mysql_query($sql);
echo
'<table>
<tr>
<th>Salle</th>
<th>Decription</th>
<th>Nombre de poste</th>
</tr>
';
while ($ligne=mysql_fetch_array($exec))
{
echo ' <tr>
<td>'.$ligne['num_salle'].'</td>
<td>'.$ligne['description'].'</td>
<td>'.$ligne['nombre_poste'].'</td>
</tr>';
}
echo '</table>';
?>
</div>
<br></br>
<footer>
<p class="ligne_dessus"> Réalisé par Thomas Kraëber. </p>
<p class="barre"></p>
</footer>
</body>
</html>
Voici une capture d'écran :
https://www.zupimages.net/
Mon problème est que comme la BD va se remplir, le tableau va devenir plus grand et je voudrais avoir un sorte de petite barre sur le coté classique pour le faire dérouler sans que sa allonge la page. Merci d'avance.
A voir également:
- Déroulement tableau PHP/HTML
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Editeur html - Télécharger - HTML
