essai javascript getElementById .style.display
voilà ma page d'accueil
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
| <?PHP
error_reporting(0);
require("./php/etat.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="StyleSheet" type="text/css" href="./css/rta.css"></link>
<!-- <script language="javascript" src="./javascript/rtajscript.js"></script>-->
<script language="javascript" src="./javascript/overlib.js"></script>
<script language="javascript" src="./javascript/prototype-1.6.0.2.js"></script>
<title>RTA gestion des données</title>
</head>
<body text="FFCC99" link="#000000" vlink="#0099FF" alink="#999999">
<div class="conteneur" id="conteneur">
<div class="logo" id="logo"></div>
<a href="#">
<div class="onglet" id="tableclient" name="tableclient" onclick="<?php etat(1);?>">
Clients
</div>
</a>
</div>
</body>
</html> |
Voilà mon fichier css:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
| @charset "iso-8859-1";
/* CSS Document */
#conteneur{
position: absolute;
background-color: #cb8;
top: 50%;
left: 50%;
width: 900px;
height: 600px;
margin-top: -300px;
margin-left: -450px;
border-style: groove;
border-width: medium;
border-color: rgb(125,125,50);
}
#logo{
position: absolute;
background: url(../image/logo2.jpg);
width: 141px;
height: 122px;
top: 0px;
left: 0px;
z-index: 10;
}
.onglet{
position: relative;
float: left;
background: url(../image/mononglet.png);
width: 220px;
height: 30px;
top: 121px;
font-family: Verdana;
font-size: 18pt;
text-align: center;
z-index: 10;
} |
Voilà mon fichier javascript:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| // JavaScript Document
//Gestion des écrans.
function etat(i){
switch (i){
case 1 :{
document.getElementById ("conteneur").style.display =" ../php/formclient.php";
break;
}
case 2 :{
document.getElementById ("conteneur").style.display ="../php/formintervention.php";
break;
}
}
} |
voila mon .php formclient:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88
| <?PHP
session_start();
include_once("../servars1.php");
include_once ("./class.DBUtils.php");
$db = new DBUtils();
$connect = $db->connecter(HOSTNAME, USERNAME, PASSWORD, DATABASENAME);
$sql = "select * from client";
$result = $db->executerRequete($connect, $sql);
$nbresult = mysql_num_rows($result);
echo"<div id=\conteneur>
echo"<form name=\"tableclient\" id=\"tableclient\">\n";
echo"<br></br>";
echo"il y a $nbresult enregistrements dans la table";
echo "<table class = \"form_table_client\" table border = \"1\" cellpadding =\"2\" cellspacing = \"2\" align = center >\n
<tr>
<th>num client</th>
<th>nom1 client</th>
<th>nom2 client</th>
<th>nom contact</th>
<th>prénom contact</th>
<th>adresse1</th>
<th>adresse2</th>
<th>ville</th>
<th>code postal</th>
<th>région</th>
<th>pays</th>
<th>fixe</th>
<th>gsm</th>
<th>email</th>
<th>tel rta</th>
<th>réparation N1</th>
<th>réparation N2</th>
<th>réparation N3</th>
<th>intervention N1</th>
<th>intervention N2</th>
<th>intervention N3</th>
</tr>";
while($line = mysql_fetch_row($result))
{
$num_client = $line[0];
$nom1_client = $line[1];
$nom2_client =$line[2];
$nom_contact =$line[3];
$prénom_contact =$line[4];
$adresse1 =$line[5];
$adresse2 =$line[6];
$ville =$line[7];
$code_postal =$line[8];
$région =$line[9];
$pays =$line[10];
$fixe =$line[11];
$gsm =$line[12];
$email =$line[13];
$tel_rta =$line[14];
$réparation_N1 =$line[15];
$réparation_N2 =$line[16];
$réparation_N3 =$line[17];
$intervention_N1 =$line[18];
$intervention_N2 =$line[19];
$intervention_N3 =$line[20];
echo "<tr>\n
<td><a href =\"$num_client\">$num_client</a></td>\n
<td>$nom1_client</td>\n
<td>$nom2_client</td>\n
<td>$nom_contact</td>\n
<td>$prénom_contact</td>\n
<td>$adresse1</td>\n
<td>$adresse2</td>\n
<td>$ville</td>\n
<td>$code_postal</td>\n
<td>$région</td>\n
<td>$pays</td>\n
<td>$fixe</td>\n
<td>$gsm</td>\n
<td>$email</td>\n
<td>$tel_rta</td>\n
<td>$réparation_N1</td>\n
<td>$réparation_N2</td>\n
<td>$réparation_N3</td>\n
<td>$intervention_N1</td>\n
<td>$intervention_N2</td>\n
<td>$intervention_N3</td>\n";
}
echo"</table>\n";
echo"</form>\n";
echo"</div>"; |
Mon problème est que je n'arrive pas à afficher ma table dans un div de ma page d'accueil.
si quelqu'un peut m'aider? par avance merci beaucoup...