Ankündigung

Einklappen
Keine Ankündigung bisher.

Javascript Variable in PHP ausführen mit Parameter

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Javascript Variable in PHP ausführen mit Parameter

    Guten Tag zusammen!

    Ich möchte eine Art von einem Beitragsystem machen, was über eine Datenbank
    mehrere "Beiträge" ausließt und in einer Tabelle anzeigt. Ich bin schon soweit, dass
    er mit die Beiträge als Textform anzeigt, aber jetzt würde ich diese gerne in einer
    Tabelle haben.

    HTML-Code:
    <!DOCTYPE html>
    <?php
    $pdo = new PDO('mysql:host=greenmu.lima-db.de;dbname=', '', '');
    
    $sql = "SELECT email, vorname, nachname FROM users";
    foreach ($pdo->query($sql) as $row) {
       echo $row['vorname']." ".$row['nachname']."<br />";
       echo "E-Mail: ".$row['email']."<br /><br />";
    }
    ?>
    
    <html lang="de">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    
        <title>KI-CMS | Startseite</title>
    
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/self.css" rel="stylesheet">
    
      </head>
      <body style="color: #e8e8e8">
        <div id="login">
    
        </div>
        <div id="content">
            <br>
            <h1 class="headertext"><i style="color: #22bf63;">KI</i>-CMS</h3>
            <div class="loader">
              <div class="bubble"></div>
              <div class="bubble"></div>
              <div class="bubble"></div>
              <div class="bubble"></div>
            </div>
            <br><br><br>
            <div style="background-color: #383a3d; max-height: 5px;"><i style="color: #383a3d;">_</i></div>
    
            <table id="Tabelle">
              <tr>
                <td>Row1 cell1</td>
                <td>Row1 cell2</td>
                <td>Row3 cell3</td>
              </tr>
            </table>
    
            <button onclick="addRow('Hallo','2','3')">Try it</button>
    
            <br><br><br><br><br><br><br>
    
    
        </div>
    
    
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script>
          function addRow(s,a,n){
                var table = document.getElementById("Tabelle");
                var row = table.insertRow(0);
                var cell1 = row.insertCell(0);
                var cell2 = row.insertCell(1);
                var cell3 = row.insertCell(2);
                cell1.innerHTML = s;
                cell2.innerHTML = a;
                cell3.innerHTML = n;
            }
        </script>
      </body>
    </html>


  • #2
    Du musst die Daten aus der Tabelle irgendwie in das HTML bringen. Das geht entweder über JavaScript oder gleich mit PHP.

    Falls du dafür unbedingt JavaScript nutzen möchtest, solltest du dir "json_encode" mal anschauen.

    Weitere Tipps:
    - Verwende nicht style, sondern css-Klassen
    - Schau dir mal die HTML-Elemente thead, tbody, th an
    - Schau dir mal "AJAX" an.
    http://www.fynder.de - Tutorials zum Thema Technik

    Kommentar

    Lädt...
    X