Comment faire un cadre html avec scrollbar dans une cellule

Fermé
coolvis - Modifié par coolvis le 30/10/2014 à 09:17
o_edo1 Messages postés 28 Date d'inscription lundi 20 octobre 2014 Statut Membre Dernière intervention 11 juillet 2015 - 30 oct. 2014 à 09:20
Bonjour tout le monde, je m'appelle clovis suis étudiant, je réalise actuellement un tableau html avec bien sur des cellules (dans le cadre de l'application de mon memoire).
Mon problème est que dans l'une des cellules du tableau, je veux afficher une page par la fonction include de php, ce que j'arrive à faire;
mais il faut que le contenu de ma page s'affiche dans un cadre qui a des scrollbar verticale et horizontale fixe, de sorte que quelque soit la longueur et largeur de la page, le contenu ne redimensionne pas la cellule ou le tableau entier à l'affichage.
Ainsi je pourrai utiliser les scrollbar pour voir le reste de la page afficher en vertical et horizontale.
Un peu comme le fait le site developpez.com, la partie intitulée "code"

nb: je souhaite le faire dans un css de preference pour gagner du temps
exple:

1- page de tableau html
2- formulaire de grande longueur et largeur

1- page html

<?php
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="../css/formulaire.css" type="text/css" />
<title>Page d'accueil parcinfosib</title>

</head>

<body bgcolor="#FFCC00">
<table width="925" border="0" align="center">
<tr height="150">
<td colspan="2"></td>
</tr>
<tr height="25">
<td colspan="2">

<?php
$choix = 0;
if (isset($_GET['g']))
{
$choix=$_GET['g'];
}
else{
$choix=0;
}
switch ($choix) {
case 0:
$page = "presentation.html";
break;
case 1:
$page = "materiel.php";
break;
case 2:
$page = "reference_besoin.php";
break;
case 3:
$page = "besoins.php";
break;
case 4:
$page = "fournisseur.php";
break;
case 5:
$page = "livrer.php";
break;
case 6:
$page = "stock.php";
break;
case 7:
$page = "intervention.php";
break;
case 8:
$page = "fiche_intervention.php";
break;
case 9:
$page = "fiche_remplacement.php";
break;
case 10:
$page = "fiche_sortie_materiel.php";
break;
case 11:
$page = "rebus.php";
break;
case 12:
$page = "fiche.php";
break;
case 13:
$page = "aide.html";
break;
case 14:
$page = "equipements.php";
break;
case 15:
$page = "list_intervention.php";
break;
case 16:
$page = "list_remplacement.php";
break;
case 17:
$page = "list_sortie_materiel.php";
break;
case 18:
$page = "list_equipement.php";
break;
case 19:
$page = "list_besoins.php";
break;
case 20:
$page = "list_fournisseurs.php";
break;
case 21:
$page = "list_livrer.php";
break;
case 22:
$page = "list_rebus.php";
break;

default :
$page = "presentation.html";
break;
}
?>

<ul id="menuDeroulant">
<li>
<a href="#">Acquisition</a>
<ul class="sousMenu">
<li><a href="?g=1">Materiel</a></li>
<li><a href="?g=2">Références du besoin</a></li>
<li><a href="?g=3">Expression du besoin</a></li>
</ul>
</li>

<li>
<a href="#">Livraison</a>
<ul class="sousMenu">
<li><a href="?g=4">Fournisseur</a></li>
<li><a href="?g=5">Livrer</a></li>
<li><a href="?g=6">Stock</a></li>
</ul>
</li>

<li>
<a href="?g=14">Affectation</a>
</li>

<li>
<a href="#">Maintenance</a>
<ul class="sousMenu">
<li><a href="?g=7">Intervention</a></li>
<li><a href="?g=8">Fiche d'intervention</a></li>
<li><a href="?g=9">Fiche de remplacement</a></li>
<li><a href="?g=10">Fiche de sortie materiel</a></li>
<li><a href="?g=11">Mise au rébus</a></li>
<li><a href="?g=12">Fiche de reference</a></li>
</ul>
</li>

<li><a href="?g=13">Aide</a></li>
</ul>

</td>
</tr>
<tr height="25" align="center">
<td colspan="2"><?php echo "Monsieur ".$_SESSION['nom']." "." ,vous êtes connecté en tant qu'administrateur" ?></td>
</tr>
<tr height="25" align="center">
<td colspan="8" class="clovis" align="center">
<div align="center" style="color:#FF0000">LISTE DES ENREGISTREMENTS</div>
<a href="?g=15">Interventions</a>
<a href="?g=16">Remplacements materiel</a>
<a href="?g=17">Sorties materiel</a>
<a href="?g=18">Equipements affectés</a>
<a href="?g=19">Besoins exprimés</a>
<a href="?g=20">Fournisseurs</a>
<a href="?g=21">Livraison</a>
<a href="?g=22">Equipements au rébus</a>
</td>
</tr>
<tr>
<td align="center" height="500" style="overflow:auto;">
<?php
include($page);
?>
</td>
</tr>
<tr height="50" align="center">
<td colspan="8" align="center"><?php include("footer.php")?></td>
</tr>
</table>
</body>
</html>


2- formulaire de grande longueur et largeur

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="../css/fiche_remplacement_css.css" type="text/css" />
<link rel="stylesheet" href="../css/message_traitement.css" type="text/css" />
<title>Fiche de remplacement materiel</title>
</head>

<body>
<div style="overflow:auto:">
<table align="center">
<tr>
<td>
<form method="post" action="remplacement_insert.php">
<fieldset>
<legend>FICHE DE REMPLACEMENT MATERIEL</legend>
<p>
<!--ENTETE DE LA FICHE-->
<table align="center" width="700" border="0">
<tr>
<td>Nom:</td>
<td><input type="text" align="left" name="nom" /></td>
<td>Poste:</td>
<td><input type="text" name="poste" /></td><br/>
</tr>
<tr>
<td>Prénom:</td>
<td><input type="text" align="left" name="prenom" /></td>
<td>Profil:</td>
<td><input type="text" name="profil"/></td><br/>
</tr>
<tr>
<td>Direction:</td>
<td><input type="text" align="left" name="direction" /></td>

</tr>
<tr>
<td>Service:</td>
<td><input type="text" align="left" name="service" /></td>
<td colspan="2"></td><br/>
</tr>
<tr>
<td>Localisation:</td>
<td><input type="text" align="left" name="localisation" /></td>
<td colspan="2"></td>
</tr>
</table>
</p>
<!--CHAMPS ANCIEN MATERIEL-->
<p>
<table width="700" align="center" border="0">
<legend>Ancien matériel</legend>
<tr>
<td>N°</td>
<td>Type</td>
<td>Marque</td>
<td>Modèle</td>
<td>Num Série</td>
<td>Observations</td>
</tr>
<tr>
<td><input type="text" align="left" name="observations_an1" /></td>
<td><input type="text" align="left" name="numseri_an1" /></td>
<td><input type="text" align="left" name="modele_an1" /></td>
<td><input type="text" align="left" name="marque_an1" /></td>
<td><input type="text" align="left" name="type_an1" /></td>
<td><input type="text" align="left" name="numero_an1" /></td>
</tr>
</table>
</p>
<!--CHAMPS NOUVEAU MATERIEL-->
<p>
<table width="700" align="center" border="0">
<legend>Nouveau matériel</legend>
<tr>
<td>N°</td>
<td>Type</td>
<td>Marque</td>
<td>Modèle</td>
<td>Num Série</td>
<td>Observations</td>
</tr>
<tr>
<td><input type="text" align="left" name="observations_nv1" /></td>
<td><input type="text" align="left" name="numseri_nv1" /></td>
<td><input type="text" align="left" name="modele_nv1" /></td>
<td><input type="text" align="left" name="marque_nv1" /></td>
<td><input type="text" align="left" name="type_nv1" /></td>
<td><input type="text" align="left" name="numero_nv1" /></td>
</tr>
</table>
</p>
<!--EMARGEMENTS-->
<p>
<table align="center" width="700">
<tr>
<td colspan="2" align="left">Date</td><td colspan="2" align="center">Intervenant</td>
</tr>
<tr>
<td colspan="2" align="left"><input type="text" placeholder="jour/mois/année" name="dat" align="left"/></td><td colspan="2" align="center"><input type="text" name="intervenan" align="left"/></td>
</tr>
<!--ENVOI DANS LA BASE-->
<tr>
<td colspan="2" align="right"><input type="submit" value="Valider" /></td><td colspan="2" align="left"><input type="reset" value="Annuler" /></td>
</tr>
<tr>
<td colspan="3" align="center">
<?php
if(isset($_GET["mess"]))
{
echo '<h5 class="texte">'.$_GET["mess"].'</h5>';
}
?>
<?php
if(isset($_GET["mes"]))
{
echo '<h5 class="texte">'.$_GET["mes"].'</h5>';
}
?>
</td>
</tr>
</table>
</p>
</fieldset>
</form>
</td>
</tr>
</table>
</div>
</body>
</html>

Merci de votre aide
A voir également:

1 réponse

o_edo1 Messages postés 28 Date d'inscription lundi 20 octobre 2014 Statut Membre Dernière intervention 11 juillet 2015 20
30 oct. 2014 à 09:20
Je vois ce que tu veux faire. C'est pas une bonne idée de faire ça dans un tableau mais si tu veux vraiment faire ça, tu peux fixer la taille de tes cellules en CSS (height, width) et tu spécifie un attribut overflow:auto (toujours CSS). Tu devrais utiliser bootstrap, ça te ferai gagner du temps.
0