PHP: Array in HTML Tabelle ausgeben?

In der Live Ansicht meines Codes steht unter der Spalte "Student" jedes mal "Array" im Feld der ersten Spalte und in der vierten Spalte wird das zweite "/" angehängt.

Wie kann ich das "Array" eliminieren, sodass die Formatierung passt?

Danke schonmal!

<?php

$studis = array(

array("student" => "Bauer", "projekt" => "/", "ende" => "/"),

array("student" => "Meier", "projekt" => "/", "ende" => "/"),

array("student" => "Lang", "projekt" => "/", "ende" => "/"));

$tabelle = "<table>

<caption>Projekte</caption>

<tr><td>Student</td><td>Projekttitel</td><td>Ende</td></tr>";

foreach ($studis as $student => $name){

$tabelle .= "<tr><td>$name</td>";

foreach ($name as $ende => $datum){

$tabelle .= "<td>$datum</td>";

}

$tabelle .= "</tr>";

}

$tabelle .= "</table>";

echo $tabelle;

4 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

VeryBestAnswers

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

25.01.2018, 00:29

Du fügst ein Array statt einen Wert in einen String ein, und das funktioniert nicht. Außerdem iterierst du über ein assoziatives Array mit einer Schleife, was man nicht machen sollte.

Lass die innere foreach-Schleife weg, die äußere foreach-Schleife sollte so aussehen:

foreach ($studis as $student => $name){
  $tabelle .= "<tr>
    <td>$name[student]</td>
    <td>$name[projekt]</td>
    <td>$name[ende]</td>
  </tr>";
  }
}

Falls die Syntax für dich neu ist: Innerhalb eines Strings werden die Anführungszeichen weggelassen. Normalerweise würde es $name["student"] etc. heißen.

Woher ich das weiß:Studium / Ausbildung – Abitur 2016

KarlRanseierIII

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Informatik, Programmiersprache

25.01.2018, 00:54

Es sollte sich eher so lesen:

foreach ($studis as $idx => $student){
        $tabelle .= "<tr><td>$student[student]</td><td>$student[projekt]</td><td>$student[ende]</td></tr>\n";
}

Die Form as key => val ist eigentlich in Deinem Fall unnötig, weil der Schlüssel der Index des assoziativen Array innerhalb des Arrays $studis ist.

Es würde also genausogut mit

foreach ($studis as $student)

funktionieren. Es wäre IMHO auch schlauer die Attribute (Schlüssel) im assoziativen Array sprechender zu gestalten, aber das ist Geschmackssache.

pythonpups

25.01.2018, 00:17

Du hast da einen array of arrays definiert. Du iterierst aber über die erste Dimension und gibst deren Inhalt sofort aus, also weitere arrays. In $name steht jeweils

array("student" => "Bauer", "projekt" => "/", "ende" => "/")

usw. Das kann PHP nicht ausgeben. Deshalb "Array".

Du müsstest

$name['student']

ausgeben lassen, um "Bauer" zu erhalten.

pythonpups

25.01.2018, 00:34

Das zweite foreach dürfte Dir doch dreimal ein td-Element anfügen, oder? Das iteriert über $name und das ist in dem Moment ein Array mit drei Elementen.

Bist Du sicher, dass Du den foreach-loop richtig verstanden hast? Die key-Variablen ($student und $ende) benutzt Du gar nicht. Die Namensgebung legt nahe, dass Du erwartest, dass Du damit auf die array-Elemente zugreifen kannst, das geht so aber nicht. In der zweite foreach Schleife enthält $ende der Reihe nach die Worte "student", "projekt" und "ende", während $datum entsprechend "Bauer", "/" und "/" annimmt.

Kieselsaeure

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

25.01.2018, 11:19

Ich denke eher du möchtest

foreach($studis as $studenten)
{
foreach($studenten as $student => $wert)
{
//do something
}
}

Ist allerdings ungetestet.

Ähnliche Fragen

CSS-Table zentrieren?

Hallo!

Ich möchte dieses Diagramm und diese Tabelle zentrieren? Doch wie geht das?



<div id="curve_chart" style="width: 900px; height: 500px"></div>

<table class="center">
    <thead>
        <tr>
            <th>ID</th>
            <th>Temperatur</th>
            <th>Zeitpunkt</th>
        </tr>
    </thead>
    <tbody>
        {% for temp in temps %}
        <tr>
            <td>{{temp.id }}</td>
            <td>{{temp.temperatur }}</td>
            <td>{{temp.zeitpunkt }}</td>
        </tr>
        
        {% endfor %}
        
    </tbody>
</table>


{% endblock %}

...zur Frage

PHP – Textfeld in der Tabellenzelle "unsichtbar" machen?

Hallo, liebe Community!

Ich habe eine Tabelle in php erstellt, damit dort meine Werte und Variablen geordnet eingegeben werden können.

Wie kann ich nun das Textfeld in die Tabellenzelle so einfügen, dass es diese gesamt füllt? Also dass es sich so anfühlt, als würde ich direkt in die Zelle schreiben.

Das wäre meine bisheriger Code:

echo "<table class='Tabelle'>";

echo "<table border='1'>";

echo "<tr> <td>$a </td> <td><br><input type=\"\" style=\"border: none\" name=\"g\" value=\"\">\n</td> <td>Summe von $a - $b = $c</></tr>";

echo "</table>";

LG, Jim

...zur Frage

dynamische Tabelle mit php erzeugen?

Hallo, ich will eine dynamische tabelle mit php erzeugen. Die zahlen sollten hochzählen und die reihen und spalten sollten sich oben in der leiste durch eingabe ändern lassen. Bisher habe ich das:

<table>
<?php
$rows =10;
$cols =20;
$zahl=1;
for ($tr = 0; $tr < $rows; $tr++) {
  echo '<tr>';
for ($td = 0; $td < $cols; $td++) {
  echo'<td> </td>';
    $zahl++;
  {
echo '</tr>;
}
?>
</table>

Leider komme ich jetzt nicht mehr weiter

...zur Frage

JSON in editierbaren HTML Table?

Hallo zusammen,

ich versuche zur Zeit folgende JSON-Datei in eine editierbare, dynamische HTML-Table einzulesen, aber scheitere leider schon beim einlesen der JSON-Datei.

{
 "listenPort": 25565,
 "backendServerMappings": [
   {
    "mappingDomain": "example.com",
    "backendServerAddress": "192.168.1.10",
    "backendServerPort": 25565
   },
   {
    "mappingDomain": "ftb.example.com",
    "backendServerAddress": "192.168.1.20",
    "backendServerPort": 25565
   }
 ]
}

Als HTML habe ich folgenden Schnipsel schon im Internet gefunden, welcher aber die JSON nicht richtig einliest:

<html lang="de"> 
<head> 
  <meta charset="UTF-8"> 
  <title>Cleanstone Configuration</title> 
  <script src= "https://code.jquery.com/jquery-3.5.1.js"></script> 
   <style> 
    table { 
      margin: 0 auto; 
      font-size: large; 
      border: 1px solid black; 
    } 
  
    h1 { 
      text-align: center; 
      color: #006600; 
      font-size: xx-large; 
      font-family: 'Gill Sans',  
        'Gill Sans MT', ' Calibri',  
        'Trebuchet MS', 'sans-serif'; 
    } 
  
    td { 
      background-color: #E4F5D4; 
      border: 1px solid black; 
    } 
  
    th, 
    td { 
      font-weight: bold; 
      border: 1px solid black; 
      padding: 10px; 
      text-align: center; 
    } 
  
    td { 
      font-weight: lighter; 
    } 
  </style> 
</head> 
  
<body> 
  <section> 
    <h1>Minecraft Cleanstone Configuration</h1> 
  
    <!-- TABLE CONSTRUCTION-->
    <table id='table'> 
      <!-- HEADING FORMATION -->
      <tr> 
        <th>Domain</th> 
        <th>Server Address</th> 
        <th>Server Port</th> 
      </tr> 
  
      <script> 
        $(document).ready(function () { 
  
          // FETCHING DATA FROM JSON FILE 
          $.getJSON("config.json",  
              function (data) { 
            var student = ''; 
  
            // ITERATING THROUGH OBJECTS 
            $.each(data, function (key, value) { 
  
              //CONSTRUCTION OF ROWS HAVING 
              // DATA FROM JSON OBJECT 
              student += '<tr>'; 
              student += '<td>' +  
                value.mappingDomain + '</td>'; 
  
              student += '<td>' +  
                value.backendServerAddress + '</td>'; 
  
              student += '<td>' +  
                value.backendServerPort + '</td>'; 
  
              student += '</tr>'; 
            }); 
              
            //INSERTING ROWS INTO TABLE  
            $('#table').append(student); 
          }); 
        }); 
      </script> 
  </section> 
</body> 
  
</html>

Ich würde auch gerne die json-Datei editieren können und auch abspeichern können. Wie genau ist das möglich?

Ich bedanke mich schonmal im Voraus und entschuldige mich für ggf. unklare Ausdrucksweisen.

...zur Frage

Tabelle in html mit CSS verschieben?

Habe eine Tabelle:

<table class="anker"

<tr>

<td>Anker 1</td>

</tr>

wollte die tabelle dann mit css:

table.anker{

margin-top: 50px;}

verschieben, aber wenn verschoben wird verschwinden die rahmen von der Tabelle

...zur Frage

PHP: Werte in ein Texfeld eingeben und dann vergleichen?

Hallo,

ich habe ein PHP-Dokument erstellt, mit dem man Rechnenaufgaben lösen soll. Dazu wählt man zuerst die Anzahl der Übungen aus, welche schließlich mit Zufallszahlen generiert werden.

In der Theorie soll dann in der zweiten Spalte vom Nutzer das Ergebnis eingegeben werden. Sobald dies getan wurde, wird dem Nutzer in der dritten Spalte mitgeteilt, ob seine Antwort richtig oder falsch ist.

Ich weiß aber leider nicht, wie ich das realisieren soll.

Ich habe folgenden Code (auch als Bild):

<?php
  if ((isset($_POST['z'])) and (is_numeric($_POST['z']))) {
    $zahl = $_POST['z'];
    {
      while ($zahl > 0) {
        $a = rand(0, 10);
        $b = rand(0, 10);
        $sum = $a + $b;
        $zahl = $zahl - 1;

        echo "<table class='Tab'>";
        echo "<table border='1'>";
        echo "<tr> <td>$a + $b = ?</td> <td><br><input type=\"Text\" name=\"g\" value=\"\">\n</td><td>$a + $b = $sum</td></tr>";
        echo "</table>";
      }
    }
  }
?>

...zur Frage

PHP Pascalsches Dreieck?

Hallo,

bin grad am "tüfteln" vom Pascalschen Dreieck und habe 2 Probleme:

Wieso haben bei mir die Zellen unterschiedliche Breiten, und, was ist der einfachste weg, dass es auch ausschaut wie ein Pascalsches Dreieck und nicht alles lin ksbündig ist?

Code

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Pascal'sches Dreieck</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
    <style>
    
    .table {
    font-family: Arial, Helvetica, sans-serif;
    border-style: solid 1px;
    border-spacing: 1;
    border-collapse: collapse;
    overflow: hidden;
    width: 70%;
    margin: 0 auto;
    position: relative;    
    }
    
    .zellen {
        border: 1px solid #000;
    }
    </style>
</head>
<body bgcolor=#DDDDDD text=#0000AA>

<form action="<?php $PHP_SELF ?>" method="post">
<pre>
eingabe:   <input type="text" name = "eingabe" size="4">


<input type="submit" name="schalter" value="OK">
</pre>
</form>

<?php

if(isset($_POST["schalter"])){
    
    $eingabe = $_POST["eingabe"];
    
    
    print "<table class=\"table\">";
    
    for($zeile = 1; $zeile <= $eingabe; $zeile++){ //Zeilen
        print "<tr>";
        for($spalte = 1; $spalte <= $zeile; $spalte++){ //Spalten
        
            if($spalte == 1 OR $spalte == $zeile){
                $array[$zeile][$spalte] = 1;
                print "<th class=\"zellen\">".$array[$zeile][$spalte]."</th>";
                

                
            }else{
                $array[$zeile][$spalte] = $array[$zeile-1][$spalte-1] + $array[$zeile-1][$spalte];
                
                print "<th class=\"zellen\">".$array[$zeile][$spalte]."</th>";
                
            }

            // $array[$i][$j] = 1;
        
            
        }    
    }
    print "</tr></table>";
    
    
    print "<pre>";
    print_r($array);
    print "</pre>";
}
?>
</body>

</html>

Ausgabe:

...zur Frage

Html in ein td ein icon einbauen?

Hallo.

Wie kriege ich es hin das ich in ein td also

<table>

<tr>

</tr>

</table>

Also sowas <box-icon name='trash'></box-icon> da rein wegen zwischen den td klappt nicht habe ich ausprobiert und ja wenn's geht sollte im td stehen

Danke im Voraus.

...zur Frage

CSV Datei in Php als Tabelle ausgeben?

Hallo, bin ziemlich neu in Php und will ein Programm erstellen, wo man eine Tablle mit Produktgruppe, Datum und Umsatz einliest und das Programm das automatisch als Graphische Tabelle ausgibt, zudem soll das Datum in 4 Quartale sortiert werden.

Ist keine Hausaufgabe!!

Bin noch nicht so weit gekommen:

CSV-Datei:

produktgruppe,datum,umsatz
Tee,01.01.2020,0.76
Kosmetik,01.01.2020,21.65
Tee,02.01.2020,10.10
Gewürze,02.01.2020,18.53
Gewürze,02.01.2020,40.71
Gewürze,02.01.2020,39.06
Kosmetik,02.01.2020,1.65
Tee,03.01.2020,38.03
Kerzen,03.01.2020,41.99
Geschenkkörbe,04.01.2020,13.92
Gewürze,05.01.2020,28.27
Gewürze,05.01.2020,19.84
Kerzen,05.01.2020,19.81
Kerzen,05.01.2020,19.57
Kerzen,05.01.2020,49.97
Kerzen,05.01.2020,14.06
Tee,06.01.2020,42.28
Gewürze,06.01.2020,20.44
Kosmetik,06.01.2020,4.62
Gewürze,07.01.2020,1.28
Kosmetik,07.01.2020,12.46
Gewürze,08.01.2020,9.20
Tee,09.01.2020,32.47
Tee,09.01.2020,4.23
Gewürze,09.01.2020,0.79
Kerzen,09.01.2020,2.97
Kosmetik,09.01.2020,43.68
Kosmetik,10.01.2020,21.67
Kosmetik,10.01.2020,6.44
Tee,12.01.2020,15.09

Vorhandener Programmcode:

print "<table border = 3 cellpadding = 5>";


        foreach($rows as $artikel){
            foreach($artikel as $index=>$wert){
                /* if($zahl % 3){ */
                    /* print "<tr>"; */
                    /* print "$wert<br>"; */
                    print "<th width = 100 align = right bgcolor = green>$wert</th>";
                    /* print "</tr>"; */
                /* }else{
                    print "<br>";
                } */
            }        
        }


    print "</table>";

Wie es in ca. ausschauen soll:

Da bei mir das ganze leider nicht wie geplant funkt, bin ich nun auf eure Hilfe angewiesen, vielleicht, hat jemand eine Idee?

...zur Frage

Verschachtelte sql abfrage bzw. sortierung?

So, ich habe ein Problem.

Gerne möchte ich daten als liste aus einer datenbank laden. diese daten sollen seiten anzeigen als tabelle, diese seiten haben aber teilweise untergeordnete seiten die in der datenbank unter 'parent' die 'id' des elternelementes und diese wiederum können auch untergeordnete seiten haben.

wie gestalte ich die datenbankabfrage wenn ich die seiten anzeigen will in einer tabelle in der erst die "Höchste" nach dem 'sort' wert absteigend und zwischen diesem sort und dem nächsten "höchsten" datensatz dazwischen die unterseiten erscheinen?

hier ein bild der Tabelle:

anhin ein codeschnipsel der tabelle die ich schon habe:

<?php if (!empty($pages)): ?>
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Link</th>
                <th>Titel</th>
                <th>Navigationselement</th>
                <th>Aktionen</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach($pages AS $page): ?>
                <tr>
                    <td><?php echo e($page->id); ?></td>
                    <td><?php echo e($page->slug); ?></td>
                    <td><?php echo e($page->title); ?></td>
                    <td><?php echo e($page->nav); ?></td> 
                    <td>
                        <form method="POST" action="./?route=admin/page/delete">
                            <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>" />
                            <input type="hidden" name="id" value="<?php echo e($page->id); ?>" />
                            <input type="submit" value="Löschen" class="button-as-link" />
                        </form>
                        <a href="./?route=admin/page/edit&id=<?php echo e($page->id); ?>">Editieren</a>
                    </td>
                </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
<?php else: ?>
    <p>Es wurden noch keine Seiten angelegt.</p>
<?php endif; ?>

...zur Frage

Taschenrechnr mit Typescript erstellen?

Hallo, wir sollten für unseren Kurs einen Taschenrechner auf unserer Webseite erstellen. Diese sollte erst + - * und / errechnen können. Dies habe ich so gemacht:

<form name="Rechner">
 <table border="10" cellpadding="10" bgcolor="#E0E0E0">
   <tr>
     <td bgcolor="#C0C0C0"><input name="Display" size="30" maxlength="30"></td>
   </tr>
   <tr>
     <td>
  <table>
       <tr>
         <td width="50"><input type="button" value="  7  " onclick="Hinzufuegen('7')"></td>
         <td width="50"><input type="button" value="  8  " onclick="Hinzufuegen('8')"></td>
         <td width="70"><input type="button" value="  9  " onclick="Hinzufuegen('9')"></td>
         <td width="50"><input type="button" value="  +   " onclick="Hinzufuegen('+')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="  4  " onclick="Hinzufuegen('4')"></td>
         <td width="50"><input type="button" value="  5  " onclick="Hinzufuegen('5')"></td>
         <td width="70"><input type="button" value="  6  " onclick="Hinzufuegen('6')"></td>
         <td width="50"><input type="button" value="   -   " onclick="Hinzufuegen('-')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="  1  " onclick="Hinzufuegen('1')"></td>
         <td width="50"><input type="button" value="  2  " onclick="Hinzufuegen('2')"></td>
         <td width="70"><input type="button" value="  3  " onclick="Hinzufuegen('3')"></td>
         <td width="50"><input type="button" value="      " onclick="Hinzufuegen('')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="   =   " onclick="Ergebnis()"></td>
         <td width="50"><input type="button" value="  0  " onclick="Hinzufuegen('0')"></td>
         <td width="70"><input type="button" value="  .   " onclick="Hinzufuegen('.')"></td>
         <td width="50"><input type="button" value="   /   " onclick="Hinzufuegen('/')"></td>
       </tr>
       <tr>
         <td width="50"><input type="button" value="Wurzel " onclick="Sonderfunktion('sqrt')"></td>
         <td width="50"><input type="button" value=" pow " onclick="Sonderfunktion('pow')"></td>
         <td width="70"><input type="button" value=" log " onclick="Sonderfunktion('log')"></td>
         <td width="50"><input type="reset" value="  C  "></td>
       </tr>
       <tr>
     </table>
     </td>
   </tr>
 </table>
</form>

Jetzt sollen wir den Taschenrechner erweitern und Flächeninhalt; Umfang(Rechteck),Potenzieren,Fakultät, Modulo und Dezimal Dual hinzufügen.

Die Buttons kann ich erstellen, aber wie erstelle ich die dazugehörige scripts? Ich hoffe jemand kann mir helfen. :(

...zur Frage

PHP: Ergebnis erst später aufdecken nach Antwort?

Hey,

ich habe folgenden html und php-Code.

<form action="Subtraktion (1).php" method="post" target="">
<table>
<tr>
<td><font face="Roboto Slab" size=+1>Anzahl der Aufgaben eingeben</font></td>
<td><input type="Text" name="z" value="" size="" maxlength=""></input></td>
<td align="center"><input type="submit"  style="font-family: 'Roboto Slab'"  background-color="black" name="y" value="Absenden"></td></tr>
</table>
<br>
</form>

<?php
if((isset($_POST['z'])) and (is_numeric($_POST['z'])))
{
$zahl = $_POST['z'];

{

 while($zahl>0)
  {

  $a = rand(5, 10);
  $b = rand(0, 5);
  $erg = $a - $b;
  $zahl = $zahl - 1;

  echo "<table class='Tab'>";
  echo "<table border='1'>";
  echo "<tr> <td>$a - $b = ?</td> <td><input type=\"Text\" name=\g\"  value=\"\">\n</td><td>$a - $b = $erg</td></tr>";
  echo "</table>";
}
}}

?>
</body>
</html>

Damit soll der Nutzer Aufgaben – so viel wie er anfangs ausgewählt hat, berechnet können. Die Aufgaben bestehen hierbei aus zufälligen Zahlen. Meine Frage wäre jetzt: wie ich es schaffen kann (mit eher einfachen Befehlen), den Code so zu schreiben, dass das Ergebnis – hier: $a - $b = $erg – erst enthüllt wird, sobald der Nutzer ins Textfeld seine Antwort zur Aufgabe eingegeben hat?

Hier nochmals die Stelle (auch oben zusammen mit dem gesamten Code sichtbar):

echo "<table class='Tab'>";
echo "<table border='1'>";
echo "<tr> <td>$a - $b = ?</td> <td><input type=\"Text\" name=\g\" value=\"\">\n</td><td>$a - $b = $erg</td></tr>";
echo "</table>";

Vielen Dank :)

...zur Frage

Einzelne Schriften in HTML Bearbeiten?

Hallo,

ich habe vor kurzem begonnen eine Website mit HTML zu programmieren, dazu nutze ich Visual Studio Code, aber ich mache das ganz noch nicht so lange, also kenne ich mich noch nicht so gut aus. Zurzeit versuche ich eine Tabelle mit verschiedenen Raritäten zu erstellen. Dazu soll z.B. "Rare" einen blauen Rahmen bekommen, so ähnlich wie in Bild 1 zusehen.

Ich habe schon versucht es zu schaffen, dennoch habe ich bisher nur hinbekommen um alles einen Rahmen zu kreieren.

Meine Frage ist nun, wie man das individuell anpassen kann. So brauche ich die Rahmen nur bei den Namen der Raritäten und diese sollen jeweils eine eigene Farbe haben (z.B. "Rare" = blau, "Epic" = Violett usw.). Außerdem soll der Rahmen genau passen. So ist es bei mir oben so, dass es für "Uncommon" passt, aber für "Epic" viel zu groß ist. Meine Skills in HTML reichen bisher nur die Rahmen für alle zu machen. Ich habe den Style so gemacht:

CSS:

table tr td
{
  font-size: 1.2em;
  background: #fff;
  color: black;
  border-radius: 20px;
  padding: 4px 10px;
}

Vermutlich nicht besonders gut, aber da hoffe ich auf eure Hilfe 😅 Falls es euch etwas hilft, schreib' ich hier noch ein Beispiel hin, wie ich die Tabelle gemacht habe (das Richtige ist natürlich länger)

HTML:

<table>
  <thead>
    <tr>
      <th>Eyes</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Normal</td>
      <td>23.99%</td>
      <td>Common</td>
    </tr>
  </tbody>
  <tfoot>
  </tfoot>
</table>

...zur Frage

Wie kann ich mit Javascript eine Zeile einer (HTML)Tabelle auslesen?

<table width="840px" height="100px" border="solid">
<tr>
<td width="270px" align="center" id="eineID">
50
</td>
<td>
<script type="text/javascript">
//auslesen der 50
</script>
</td>
</tr>
</table>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen