Ausgabe und Formatierung

stibbi · 8. März 2016

Guten Tag zusammen,

eigentlich erhoffe ich mir aus diesem Forum eine kleine Hilfe
bei der Darstellung einer Sql-Abfrage - ich frage also meine
DBase mittels Query und Concat-Filter nach einem Suchbegriff ab
und das Ergebnis wird schön dynamisch als Tabelle dargestellt...
Soweit sogut...
Kann man die Darstellung ändern ?
Wie positioniert man die echo-Ausgaben "<td align=center>". $data['Daten'] . "</td>";
innerhalb einer Website ?
Habs schon mit CSS probiert, kann aber die Echo-Angabe nicht in den
vorgegebenen Bereich "einbauen".

Ich hoffe sehr das mir jemand auf die Sprünge helfen kann - Dankeschön schon jetzt !!

beste Grüße an alle
-stibbi-

JR Cologne · 8. März 2016

Du machst das eigentlich ganz normal, wie du HTML auch immer stylst, da PHP sozusagen zu HTML wird.

Beispiel:

HTML

<div>Ich bin eine rote Div-Box</div>

CSS

div {
   background-color: red;
}

... liefert das gleiche Ergebnis wie ...

PHP

echo '<div>Ich bin eine rote Div-Box</div>';

CSS

div {
   background-color: red;
}

stibbi · 8. März 2016

...besten Dank für die Antwort!
Wollte aber gerne wissen wie ich's anstelle wenn ich eine rote, eine blaue, eine gelbe usw usw Box habe und die, meinetwegen, rechts, mitte linke, unten usw usw positioniere.
Geht das per Tab ( ) oder müssen da in der CSS-Datei (auf sowas wirds ja wohl hinauslaufen, oder ? ) die Koordinaten gesetzt werden...
Fragen - Fragen...

Gruß erstmal
-stibbi-

JR Cologne · 8. März 2016

Achso, sry.

Das machst du ganz normal mit CSS per float, margin usw...

stibbi · 8. März 2016

Nochmals - vielen Dank ! Aufgrund der ersten Antwort hab mal sowas zusammengeschrieben:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
<!--




body {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
color: #000000;
}




h1 {
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
color: #000000;
}
-->
</style>
<script type="text/javascript" language="JavaScript">
<!-- Begin
// End -->
</script>




<style type="text/css">
<!--




#Hintergrund {
position: relative;
top: 5px;
left: 5px;
width: 1000px;
height: 500px;
background-color: #E6E6E6;
border-style: groove;
border-top-width: thin;
}




#ID {
position: absolute;
top: 20px;
left: 20px;
width: 110px;
height: 20px;
background-color: #FFFFFF;
border-style: groove;
border-top-width: thin;
}




#Suchbegriff {
position:absolute;
top: 20px;
left: 155px;
width: 300px;
height: 20px;
background-color: #FFFFFF;
border-style: groove;
border-top-width: thin;
}




#Gruppe {
position:absolute;
top: 20px;
left: 480px;
width: 300px;
height: 20px;
background-color: #FFFFFF;
border-style: groove;
border-top-width: thin;
}




#Beschreibung {
position:absolute;
top: 60px;
left: 20px;
width: 500px;
height: 20px;
background-color: #FFFFFF;
border-style: groove;
border-top-width: thin;
}
-->
</style>
...Positionierungs- und Beschriftungs-Test <br>
</head>
<body>




<div id="Hintergrund">




<div id="ID">id:</div>
<div id="Suchbegriff">Suchbegriff:</div>
<div id="Gruppe">Gruppe:</div>
<div id="Beschreibung">Beschreibung:</div>
</div>
<br><br>













</body>
</html>

Alles anzeigen

Kannste mit copy/paste als htm/html lokal ansehen - nur ein Entwurf - wie bekomme ich jetzt Abfrage-Ausgaben in die Felder...
Nachtrag zu wie bekomme ich jetzt Abfrage-Ausgaben in die Felder..
Ich bekomme keine <DIV> Container in die php-Abfrage - da muss es was
anderes geben...

JR Cologne · 8. März 2016

Welche PHP-Abfrage?
Bisher sehe ich noch kein PHP-Code innerhalb deines geposteten Code. Oder habe ich da was übersehen?

Was möchtest du denn jetzt eigentlich genau erreichen? Irgendwie ist mir das noch nicht ganz klar...

stibbi · 9. März 2016

"Bisher sehe ich noch kein PHP-Code innerhalb deines geposteten Code. Oder habe ich da was übersehen?"

...Du hast natürlich Recht - ich bitte um Entschuldigung hierfür und liefere folgende Auszüge nach:

Codeschnipsel hierzu

QUERY:

SQL

$query = "SELECT * FROM XXX WHERE CONCAT(XXX, XXX, XXX) Like '%$anfrage%' ORDER BY id ";

AUSGABE:

PHP

echo '<table id="tblcss"border="1" align="center" width="99%">';




echo "<thead>";
echo "<tr>";
echo "<th align=center>". "XXX". "</th>";
echo "<th align=center>". "XXX". "</th>";




while($data = mysql_fetch_array($result))
{
echo "<tr>";
echo "<td align=center>". $data['XXX'] . "</td>";
echo "<td align=center>". $data['XXX'] . "</td>";




}
mysql_close();
} 
?>

Alles anzeigen

</table>

Das sind nur die ersten zwei Zeilen einer meiner Abfragen welche so oder in anderer Form Anwendung
finden und die jeweils eine "normale" Tabelle erzeugen - Stylingversuche mit CSS habe ich bereits unter-
nommen - Da es sich hierbei um eine Tabelle handelt werden natürlich alle Spalten nebeneinander aufgeführt,

Tabelle:
TH (Kopfzellen)
Spalte1 Spalte2 Spalte3
TD (Datenzellen)
Inhalt Spalte 1 Inhalt Spalte2 Inhalt Spalte3

Kurz gesagt suche ich nach einem Tip die einzelnen Datenzellen/TD (auch mittels CSS) frei auf der Site zu positionieren,
bzw die Datenzellen/TD in die jeweiligen DIV-Container zu integrieren.

Ich hoffe ich habe ein wenig "Licht ins Dunkel" gebracht und warte gerne auf Unterstützung!

Gruß erstmal

-stibbi-

JR Cologne · 9. März 2016

Ok, warum packst du deine Daten in eine Tabelle, wenn du diese letztendlich aber in einem Div-Container haben willst?

Kann aber auch sein, dass ich das Problem dabei einfach nicht sehe, weil ich mich mit MySQL und Datenbanken noch nicht auskenne und dir deswegen vielleicht auch nicht wirklich helfen kann...

Sorry, dass ich ein bisschen schwer von Begriff bin...

cottton · 9. März 2016

Versteh es auch nicht.
stibbi Wäre aber gut, wenn Du Code in bb-tags setzt, damit man es besser lesen kann.
Siehe: Den eigenen Code lesbar im Forum präsentieren

stibbi · 9. März 2016

cottton

Hast Recht- hatte die entsprechenden Buttons "uebersehen"...
Habe die Formatierungen nachgeliefert!

sorry nochmals
-stibbi-

@all

...wie mir dieser Screenshot zeigt lässt sich sowas anscheinend nur mit PDO realisieren:

PHP

<?php
$select=mysql_query("select * from XXX_list ORDER BY id ASC");
while($row=mysql_fetch_array($select)){
echo "<tr>
<td>".$row['XX']."</td>
<td>".$row['XXX']."</td>";
  if(if($row['XXX']=='yes')
  {
   echo "<td class='classname'>".$row['XXX']."</td>";
  }
  else
  {
    echo "<td>".$row['XXX']."</td>";
  }
?>

Alles anzeigen

so sollte es evtl gehen - dazu muss ich ich mich erstmal mit PDO und Klassen auseinandersetzen,
ich werde deshalb mein Unterfangen erstmal einstellen da mir hierzu zuviel Wissen fehlt
vielen Dank für Eure Unterstützung
-stibbi-

cottton · 9. März 2016

Das hier:

HTML

-->
</style>
...Positionierungs- und Beschriftungs-Test <br>
</head>
<body>

gibt Probleme. Du schreibst im <head> ...Positionierungs- und Beschriftungs-Test <br>, was allerdings in den <bod> gehört.

Du hast also Daten, die Du ausgeben lassen willst. Dazu musst Du Dich mit der Datenbank verbinden -- PDO würde ich auf jeden Fall empfehlen.
mysql_ Funktionen sind verhaltet und nicht sicher.
mysqli_ Funktionen(bzw Klassen) wären eine Möglichkeit. Allerdings (meine Meinung) ist myqli einfach nur ein riesen "Kuddelmuddel".

PDO ist zwar Klassenbasiert only, Du musst Dich also mit Klassen in PHP beschäftigen, aber es lohnt sich - es ist sehr gut dokumentiert und mach (wieder meine Meinung) an allen Ecken Sinn.

Doku PDO: http://php.net/manual/de/book.pdo.php
Doku Mysqli: http://php.net/manual/de/book.mysqli.php

Egal wie Du Dich entscheidest - hier im Forum haben wir Beides schon oft behandelt. Wenn trotzdem irgendwas unklar ist - einfach fragen.

wolf · 11. März 2016

Also kurzer Tippp wie man das angehen könnte bzw wie du dein dokument aufbauen solltest..
Ich bin hier mal von ner neuen PHP Version ausgegangen, ansonnsten musst du die Array schreibweise von meiner Kurzschreibweise noch auf 'normal' ändern.
Da du PDO noch nie gesehen hast und ich im Krankenhaus unheimlich langeweile habe bekommst du sogar mal fertigen code .. dann tut sich der einstieg leicher mit PDO

PHP

<?php
//hier holst du deine daten aus der datenbank und speicherst das Ergebniss von pdo fetch object
$CFG['db']['dsn'] = 'mysql:dbname=DATABSE;host=localhost';//hier könnte man auch einen port usw eintragen
$CFG['db']['username'] = 'USER';
$CFG['db']['password'] = 'PASSWORD';
$CFG['db']['options'] = [
  PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES 'utf8'"
];




//CONNECTION
try {
  $DB = new PDO($CFG['db']['dsn'], $CFG['db']['username'], $CFG['db']['password'], $CFG['db']['options']);
}
catch(PDOException $e) {
  exit('Could not connect to the database:<br/>' . $e);
}




//DATA
$lm_search = trim($_GET['q']);//hier eben das, womnit du $anfrage befüllt hast




$lo_stmt = $DB->prepare('SELECT * FROM `tablename` WHERE CONCAT(one, two, three) Like :search ORDER BY `id`;');
if(!$lo_stmt->execute([//niemals varibalen in das SQL, immer über die Platzhaltermethode
  ':search' => $lm_search
])){
  exit('Error with your SQL or someting while retriving data');
}
else{
  $la_data = [];
  $la_data_ids = [];//wenn du an einer stelle nur alle ID's ausgeben willst (kannst du für alle Spalten so machen wenn du die Werte aller Zilen an einer stelle brauchst (ist minimal schneller als immer das komplette array durchzukauen -> implode() benutzen))
  $la_data_names = [];




  while($lo_row = $stmt->fetch(PDO::FETCH_OBJ)) {
    //ich gehe davon aus das es eine Spalte `id` gibt (das nach dem -> ist der spaltenname)
    //ansonnsten einfach so schreiben $la_data[] = $lo_row; (unten dann auch)




    $la_data[$lo_row->id] = $lo_row;//ad this row to data




    $la_data_ids[$lo_row->id] = $lo_row->id;
    $la_data_names[$lo_row->id] = $lo_row->name;//gleiches spielchen wie bei der id 
  }




  //just for the test
  echo '<pre>'. print_r($la_data, TRUE) .'</pre>';
}




//other code right here
?>
<!DOCTYPE html>
<html>
<head>
  <title>Meine geglidererte Ausgabe</title>
  <meta charset="utf-8">




  <style>
    *{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body{
      font-family: sans-serif;
      background-color: rgb(220,220,220);
      color: rgb(0,0,0);
    }




    /* Row Framework */
    .Row{
      width: 50%;
    }
    .Row:after{
      float: none;
    }
    .Row > *{
      float: left;
      margin-left: 2%;
    }
    .Row > *:first-child{
      margin-left: 0;
    }




    .Row .Column-100{ width: 100% }
    .Row .Column-50{ width: 49% }
  </style>
</head>
<body>
  <div class="Row">
    <div id="Complete" class="Column-100">
      <table>
        <tr>
          <th>ID</th>
          <th>Name</th>
          <th>Irgandwas</th>
        </tr>
        <?php
          foreach ($la_data as $li_row_id => $lo_row) {
            echo '<tr>';




            echo '<td>'. $lo_row->id .'</td>'.
                 '<td>'. $lo_row->name .'</td>'.
                 '<td>'. $lo_row->something .'</td>';




            echo '</tr>';
          }
        ?>
      </table>
    </div>
  </div>
  <div class="Row">
    <div id="IdList" class="Column-50">
      <?php
        echo implode('<br>', $la_data_ids);
      ?>
    </div>
    <div id="NameList" class="Column-50">
      <?php
        echo implode('<br>', $la_data_names);
      ?>
    </div>
  </div>
</body>
</html>

Alles anzeigen

Ausgabe und Formatierung

Jetzt mitmachen!

Teilen