Page 1 sur 1

Ajax dans un <tbody>

Posté : 13 juin 2007, 11:53
par Ish
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 :
				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 &nbsp<img src='../../script/ecw/css/sort.gif'></th>";
			echo "<th class='th'>Libelle </th>";
			echo "<th class='th'>Unite &nbsp<img src='../../script/ecw/css/sort.gif'></th>";
			echo "<th class='th'>Appro &nbsp<img src='../../script/ecw/css/sort.gif'></th>";
			echo "<th class='th'>FAM &nbsp<img src='../../script/ecw/css/sort.gif'></th>";
			echo "<th class='th'>Com &nbsp<img src='../../script/ecw/css/sort.gif'><br>tech.</th>";
			echo "<th class='th'>Dem.&nbsp<img src='../../script/ecw/css/sort.gif'><br>MEG</th>";
			echo "<th class='th'>Date &nbsp<img src='../../script/ecw/css/sort.gif'><br>MEG</th>";
			echo "<th class='th'>Valo &nbsp<img src='../../script/ecw/css/sort.gif'></th>";
			echo "<th class='th'>Qte &nbsp<img src='../../script/ecw/css/sort.gif'><br>Monte</th>";
			echo "<th class='th'>&nbsp;&nbsp;&nbsp;&nbsp;</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