[PHP & HTML] Tabel opmaak

[Cerntje]

Ik heb op dit moment een probleem met het weergeven van informatie in een mooie tabel. Ik wil namelijk alle informatie uit 1 rij halen en deze geordent weergeven. De tabel ziet er zo uit:



Als ik nu de gegevens uit de database haal met de code zoals ik die nu heb ziet het er zo uit:



Dit is niet overzichtelijk en al helemaal niet leesbaar. Ik wil de informatie graag zo geordent hebben:



Het probleem is dat bij het voorbeeld hierboven de tabelinformatie anders is en automatisch al zo gerangschikt wordt. Hieronder de code waarmee ik het middelste voorbeeld heb gemaakt:

PHP:

$queryData = "SELECT * FROM EQUIPMENTSPEC WHERE BARCODE = '$barcode'";
$result = mysql_query ($queryData);
    
echo "<TABLE CLASS=C ><CAPTION> Specifications $barcode </CAPTION>";
    
// Find out how much columns there are returned and display the header of the columns
    
GetColumnHeaders($result);

for ($i = 0; $i < mysql_num_rows($result); $i++){
    echo "<TR>";
    $row_array = mysql_fetch_row($result);
    for ($j = 0; $j < mysql_num_fields($result); $j++){
        echo "<TD>" . $row_array[$j] . "</TD>";
    }
    echo "</TR>";
}
echo "<TR><TD COLSPAN=3>&nbsp</TD></TR>";
echo "<TR><TD COLSPAN=3>&nbsp</TD></TR>";
echo "<TR><TD COLSPAN=3 ALIGN=RIGHT><A HREF='' onclick='SluitVenster(); return false;'><B>Sluiten</B></A></TD></TR>";
echo "</TABLE>";

// Function Get column header
    
function GetColumnHeaders($result){
    $column_count = mysql_num_fields($result); 
    $i=0; 
    echo "<TABLE>";
    echo "<TR>";
    for ($column_num = 0; $column_num < $column_count; $column_num++) {
        $field_name = mysql_field_name($result, $column_num); 
        echo ( "<TH>$field_name</TH>"); 
    }
    echo "</TR>";
}

De functie GetColumnHeaders gebruik ik om alle kolomnamen ook te printen omdat deze niet automatisch meegenomen worden. Deze wil ik ook geprint hebben zodat je gelijk ziet wat voor informatie je voor je hebt. Probleem is dat deze rij ook in 1x getoond wordt en niet in de juiste kolommen waar de juiste informatie hoort te staan.

Ik ben hier zelf al mee bezig geweest, vooral met het veranderen van de <TR>'s en <TD>'s. Het probleem is dat alle informatie uit de database in 1 array gepompt wordt die ook weer in 1 keer weergegeven wordt.

Hoe krijg ik dit wel correct voor elkaar ?

[Creepy]

Het aanpassen van je code zodat deze een andere tabel structuur produceert lijkt me toch geen probleem. Of je nu per veld uit de query een colum neerzet of een complete rij maakt toch nauwelijks verschil?

Dus wat is nu nog precies je probleem en wat heb je zelf al geprobeerd om het op te lossen?

[ Voor 22% gewijzigd door Creepy op 09-12-2004 16:02 ]

[Cerntje]

Creepy schreef op donderdag 09 december 2004 @ 16:01:
Het aanpassen van je code zodat deze een andere tabel structuur produceert lijkt me toch geen probleem. Of je nu per veld uit de query een colum neerzet of een complete rij maakt toch nauwelijks verschil?

Dus wat is nu nog precies je probleem en wat heb je zelf al geprobeerd om het op te lossen?

Het probleem is dat met de functie GetColumnHeaders alle gevonden resultaten in 1 keer getoond worden. In dit geval in 1 lange rij. Ik kan dit wel wijzigen zodat alles in 1 kolom komt te staan, maar dan heb ik alleen de kolom met de columnheaders zonder de juiste informatie ernaast.

Ik heb nu dus zeg maar 2 aparte tabellen en kan deze niet combineren. Hoe ik de functie ook in de for-lus zet, deze wordt steeds verkeerd getoond.

[Creepy]

En waarom geeft die functie dan niet een array terug met veldnamen zodat je ze in de aanroepende code kan gebruiken voor het generen van je tabel?
Lijkt me nou toch niet zo moeilijk om bij het loopen van je resultset die array met veldnamen mee te nemen?

[bigbeng]

Je moet je logica anders indelen.
Wat je nu doet is:

code:

Haal resultaten op uit db
Haal kolomheaders uit resultaten
Voor elk resultaat print de kolomwaarden

Wat je wilt is (pseudocode):

code:

Haal resultaten op uit database
Voor elk resultaat:
   Voor elk veld (behalve veld barcode) in resultaat:
       indien de waarde anders dan leeg of null is dan:
          druk waarde veld barcode af
          druk naam huidig veld af
          druk de waarde van het veld af

Dit is gewoon een kwestie van logisch nadenken en proberen te bedenken hoe je de resultaten wilt weergeven en hoe je dit in html doet.
Ik denk overigens dat je voor elk resultaat een nieuwe html tabel moet maken. Maar voor overige tips in die hoek verwijs ik je graag door naar onze vrienden in Webdesign en Graphics

[Cerntje]

bigbeng schreef op donderdag 09 december 2004 @ 16:38:
Je moet je logica anders indelen.
Wat je nu doet is:

code:

Haal resultaten op uit db
Haal kolomheaders uit resultaten
Voor elk resultaat print de kolomwaarden

Wat je wilt is (pseudocode):

code:

Haal resultaten op uit database
Voor elk resultaat:
   Voor elk veld (behalve veld barcode) in resultaat:
       indien de waarde anders dan leeg of null is dan:
          druk waarde veld barcode af
          druk naam huidig veld af
          druk de waarde van het veld af

Dit is gewoon een kwestie van logisch nadenken en proberen te bedenken hoe je de resultaten wilt weergeven en hoe je dit in html doet.
Ik denk overigens dat je voor elk resultaat een nieuwe html tabel moet maken. Maar voor overige tips in die hoek verwijs ik je graag door naar onze vrienden in Webdesign en Graphics

Thank you voor het helder maken van het probleem. Ik ga morgen verder stoeien met deze logica

[Creepy]

* Creepy sluit zich aan bij bigbeng