Ajax dans un <tbody>
Posté : 13 juin 2007, 11:53
Bonjour à tous,
je souhaite réaliser un tableau en Ajax avec des entêtes fixes (grâce à du CSS, réalisation trouvé sur le Forum). J'arrive très bien à le réaliser.
Mais je voudrais pousser la chose un petit peu plus loin en rafraichissant que le tbody.
Donc dans ma page résultat_008.php :
Est-ce que vous auriez une idée de comment faire. Car l'idée derrière tout ça et d'avoir une application qui ressemblerait à SAP. Voilà pourquoi j'ai des Input sous mes entêtes de tableau car je voudrais que l'utilisateur saisisse au moin 3 ou 4 caractères et la page ferait une requête (Like) pour rafraîchir le resultat !!
Merci
je souhaite réaliser un tableau en Ajax avec des entêtes fixes (grâce à du CSS, réalisation trouvé sur le Forum). J'arrive très bien à le réaliser.
Mais je voudrais pousser la chose un petit peu plus loin en rafraichissant que le tbody.
Donc dans ma page résultat_008.php :
echo "<style type='text/css'> .table { width: 30em; border-collapse: separate; border-spacing: 0; } ";
echo ".tbody { height: 15em; overflow-x: hidden; overflow-y: auto; }";
echo ".td { border-left: 1px solid gray; border-bottom: 1px solid gray;}";
echo ".th {font-family: Arial;font-size: 12px; }</style>";
echo "<table border='1' valign='top' align='left' class='table'><thead bgcolor='#D0CCEA'><tr>";
echo "<th class='th'>Article  <img src='../../script/ecw/css/sort.gif'></th>";
echo "<th class='th'>Libelle </th>";
echo "<th class='th'>Unite  <img src='../../script/ecw/css/sort.gif'></th>";
echo "<th class='th'>Appro  <img src='../../script/ecw/css/sort.gif'></th>";
echo "<th class='th'>FAM  <img src='../../script/ecw/css/sort.gif'></th>";
echo "<th class='th'>Com  <img src='../../script/ecw/css/sort.gif'><br>tech.</th>";
echo "<th class='th'>Dem. <img src='../../script/ecw/css/sort.gif'><br>MEG</th>";
echo "<th class='th'>Date  <img src='../../script/ecw/css/sort.gif'><br>MEG</th>";
echo "<th class='th'>Valo  <img src='../../script/ecw/css/sort.gif'></th>";
echo "<th class='th'>Qte  <img src='../../script/ecw/css/sort.gif'><br>Monte</th>";
echo "<th class='th'> </th>";
echo "</tr>";
echo "<tr>";
echo "<th class='th'><input type='text' id='idArt' size='10'></th>";
echo "<th class='th'><input type='text' id='idArt' size='30'></th>";
echo "<th class='th'><input type='text' id='idArt' size='10'></th>";
echo "<th class='th'><input type='text' id='idArt' size='10'></th>";
echo "<th class='th'><input type='text' id='idArt' size='10'></th>";
echo "<th class='th'><input type='text' id='idArt' size='10'></th>";
echo "<th class='th'><input type='text' id='idArt' size='10'></th>";
echo "<th class='th'><input type='text' id='idArt' size='10'></th>";
echo "<th class='th'><input type='text' id='idArt' size='10'></th>";
echo "<th class='th'><input type='text' id='idArt' size='10'></th>";
echo "<th class='th'></th>";
echo "</tr></thead>";
echo "<tbody id='resultatS'>"; // le code devrait se rafraîchir ici !!
echo "</tbody>";
echo "</table>"
et ma page Ajax (tab_008.php)
//echo $Req5_BD."<br>"; // test Debug de la requête
$stmt3 = ociparse($odbc,$Req5_BD);
OCISetPrefetch($stmt3,$tampon);
ociexecute($stmt3);
if (OCIFetch($stmt3)){
//echo 'toto';
//echo "<div align='center' marginwidth='0' id='resultatS'>";
echo"<tbody class='tbody' id='resultatS'>";
echo "<tr bgcolor='#FFFFFF' onclick=\"this.bgColor='#FADD39'\" ondblclick=\"this.bgColor='#FFFFFF'\">";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOSART")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".substr(OCIResult($stmt3, "DOAFRA"),0,50)."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOAUGE")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOSAPP")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOAFAM")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOACOM")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOSDMG")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOSMEG")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOSQST")."</font></td>";
$val = str_replace(",",".",OCIResult($stmt3, "DOOVAL"));
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".$val."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\"></font></td>";
echo "</tr>";
while (OCIFetch($stmt3)){
if ($i%2==0)
echo"<tr bgcolor='#F2F2F2' onclick=\"this.bgColor='#FADD39'\" ondblclick=\"this.bgColor='#F2F2F2'\">";
else
echo"<tr bgcolor='#FFFFFF' onclick=\"this.bgColor='#FADD39'\" ondblclick=\"this.bgColor='#FFFFFF'\">";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOSART")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".substr(OCIResult($stmt3, "DOAFRA"),0,50)."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOAUGE")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOSAPP")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOAFAM")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOACOM")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOSDMG")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOSMEG")."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".OCIResult($stmt3, "DOSQST")."</font></td>";
$val = str_replace(",",".",OCIResult($stmt3, "DOOVAL"));
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\">".$val."</font></td>";
echo "<td class='td' align=\"center\"><font style=\"font-size: 8pt\"></font></td>";
echo "</tr>";
$i++;
}
echo "</tbody>";
} else {
echo "<div align='center' valign='middle' style='color:red'><b>Aucune Données pour les paramètres saisies rrr!</b></div>";
}
Donc ça se rafraichit bien mais que dans la 1er colonne de mon tableau !!!Est-ce que vous auriez une idée de comment faire. Car l'idée derrière tout ça et d'avoir une application qui ressemblerait à SAP. Voilà pourquoi j'ai des Input sous mes entêtes de tableau car je voudrais que l'utilisateur saisisse au moin 3 ou 4 caractères et la page ferait une requête (Like) pour rafraîchir le resultat !!
Merci