Simon P.: Innerhalb von php-while-schleife datensatz mit javascritp

Beitrag lesen

Hallo Leute, ich schon wieder -.-
mich selbst ärgert das, dass ich immer fragen muss, aber wenn ich den ganzen Tag mit einem Problem verbringe und doch zu keiner Lösung mehr komme, weil (wie es scheint) noch niemand das brauchte, dann muss ich wohl doch mal nachfragen:
Undzwar habe ich eine Datenbank über mySQL angelegt, habe die Daten auch schon alle auslesen können. Nun möchte ich diese Daten ordentlich formatiert in meine Webside bringen. Dazu habe ich eine Allgemeine Frage und eine spezielle für mein Problem.
1. Allgemeine Frage:
   Die Datensätze die ich mit Hilfe der "while-schleife" auslese, kann ich doch nur innerhalb dieser schleife anpassen, da ich doch sonst (wenn ich die Datensätze einzelnd ansprechen würde) keine Datenbank mehr bräuchte. Wie kann ich also innerhalb meiner PHP-Schleife, die Datensätze mit hilfe css bzw. html ansprechen?
2. Nun zu meinem speziellen Fall:
   Ich möchte ein Feld aus meinen Datensätzen z.B. Name auslesen und in eine auflistung packen. Darunter möchte ich die restlichen Felder von diesem Datensatz in einem Div, was ich mir mithilfe eines Javascriptes per klick ein und ausblenden lasse kann, ausgeben lassen. Hier ein Versuch von mir:
<?php
include("login.php");
?>
<script language="javascript" type="text/javascript" src="einblenden_ausblenden.js"></script>
<?php
$result = mysqli_query($db, "SELECT Name, ID FROM datenbank");
while($row = mysqli_fetch_object($result))
{
echo
'<li>' ."$row->Name". '</li>' ?>
<p>
<a href="#" onclick="toggleElementDisplay("box");">Click me!</a>
<div id="box" style="border: 1px solid #000000; display: none;">'
     <?php
     echo "$row->ID";
     ?>
</div>
</p>
<?php
}
?>

Wenn man das sich mal so ausgeben lässt, dann sieht das schon ganz gut aus... aber wenn ich auf "Click me!" drücke passiert einfach garnichts, außer das sich hinter der Url ein "#" rangesetzt hat.
Also wie könnte es funktionieren?
Vielen Dank schonmal im Vorraus!

0 78

Innerhalb von php-while-schleife datensatz mit javascritp

Simon P.
  • datenbank
  1. 0
    Felix Riesterer
    1. 0
      Simon P.
      1. 0
        Simon P.
        1. 0
          Felix Riesterer
          1. 0
            Simon P.
            1. 0
              Felix Riesterer
              1. 0
                Simon P.
                1. 0
                  Felix Riesterer
                  1. 0
                    Simon P.
                    1. 0
                      Felix Riesterer
                      1. 0
                        Simon P.
                        1. 0
                          Felix Riesterer
                          1. 0
                            Simon P.
                            1. 0
                              Simon P.
                              1. 0
                                Felix Riesterer
                                1. 0
                                  Simon P.
                                  1. 0
                                    Felix Riesterer
                                    1. 0
                                      Simon P.
                                      1. 0
                                        Simon P.
                                        1. 0
                                          Auge
                                          1. 0
                                            Simon P.
                                            1. 0
                                              Felix Riesterer
                                              1. 0
                                                Simon P.
                                            2. 0
                                              Martin_Online
                                              1. 0
                                                Felix Riesterer
                                                1. 0
                                                  Martin_Online
                                                  1. 0
                                                    M.
                                                    1. 0
                                                      Simon P.
                                            3. 0
                                              M.
                                        2. 0
                                          Felix Riesterer
                                          1. 0
                                            Simon P.
                                            1. 0
                                              Felix Riesterer
                                              1. 0
                                                Simon P.
                                                1. 0
                                                  Felix Riesterer
                                                  1. 0
                                                    Simon P.
                                                    1. 0
                                                      Simon P.
                                                    2. 0
                                                      Felix Riesterer
                                                      1. 0
                                                        Simon P.
                                                        1. 0
                                                          Felix Riesterer
                                                          1. 0
                                                            Simon P.
                                                            1. 0
                                                              Felix Riesterer
                                                              1. 0
                                                                Simon P.
                                                                1. 0
                                                                  Simon P.
                                                                  1. 0
                                                                    Felix Riesterer
                                                                    1. 0
                                                                      Simon P.
                                                                      1. 0
                                                                        Simon P.
                                                                        1. 0

                                                                          HTML5-Semantik

                                                                          Felix Riesterer
                                                                          • html
                                                                          1. 0
                                                                            Simon P.
                                                                            1. 0
                                                                              Felix Riesterer
                                                                              1. 0
                                                                                Simon P.
                                                                                1. 0
                                                                                  Felix Riesterer
                                                                                  1. 0
                                                                                    Simon P.
                                                                                    1. 0
                                                                                      Felix Riesterer
                                                                                      1. 0
                                                                                        Simon P.
                                                                                        1. 0
                                                                                          Simon P.
                2. 0
                  Simon P.
                  1. 1
                    Felix Riesterer
                    1. 0
                      Simon P.
                      1. 0
                        M.
                        1. 0
                          Matthias Apsel
                          1. 0
                            M.
                            1. 0
                              molily
                              1. 0
                                M.
                      2. 0
                        Felix Riesterer
                        1. 0
                          Simon P.
                          1. 0

                            Begriff Webseite

                            Tabellenkalk
                            • projektverwaltung
                            1. 0
                              Simon P.
                              1. 0
                                Gunnar Bittersmann
                          2. 0
                            Auge
      2. 0
        Felix Riesterer
        1. 1
          Matthias Apsel
          1. 0
            Felix Riesterer
            1. 0

              Browserverlauf bei seiteninternen Verweisen löschen

              Matthias Apsel
              • selfhtml-wiki
              1. 0
                Felix Riesterer
                1. 0
                  molily
              2. 0
                molily
  2. 0
    ChrisB