ubah ke php

history-driver.php

@@ -38,45 +38,25 @@
             $result = mysqli_query($conn,$sql);
             if (mysqli_num_rows($result) > 0) {
             // output data of each row
+                $idx = 1;
                 while($row = mysqli_fetch_assoc($result)) {
-                    echo '<div class="listBox">';
-                        $image = '<img src="' . $row['image'] . '" class="thumbnail">';
-                        echo $image.'<div class="date">' . $row['time'] . '</div>';
-                        echo '<div class="name"> ' . $row['name'];
-                        echo '<div class="route"> ' . $row['picking_point'] . '-' . $row['destination'];
-                        echo '<div class="rating"> Gave ' . $row['rating'] . ' stars';
-                        echo '<br><br><br>';
+                    echo '<div class="listBox" id=' .$idx . '>';
+                    $image = '<img src="' . $row['image'] . '" class="thumbnail"></img>';
+                    echo '<button class="buttonHide" onclick="hideElement(' .$idx . ')">HIDE</button>';
+                    echo $image.'<div class="date">' . $row['time'] . '</div>';
+                    echo '<div class="name"> ' . $row['name'] . '</div>';
+                    echo '<div class="route"> ' . $row['picking_point'] . '-' . $row['destination'] . '</div>';
+                    echo '<div class="rating"> Gave ' . $row['rating'] . ' stars</div>';
+                    echo '<div class="comment"> and left comment: </div>';
+                    echo '<div class="comment">' . $row['comment'] . '</div>';
                     '</div>';
+                    $idx++;
                 }
             } else {
                 echo "0 results";
             }
             $conn->close();
-            ?>
-
-            <div class="listBox" id="lisbox1">
-                <img src="img/profile-placeholder.png" alt="profile image" class="thumbnail">
-                <button class="buttonHide" onclick="hideElement('lisbox1')">HIDE</button>
-                <div class="date">5 October 2017</div>
-                <div class="name">Elmo</div>
-                <div class="route">Magetan-Maospati</div>
-                <div class="rating">Gave star</div>
-                <div class="comment">
-                    <div>and left comment:</div>
-                    <div>tralalalala senang sekali ya kali semuanya bisa ikutan kan kuotanya cuma dikit tapi kalo emang kepengen banget paling bisa nebeng sama ojek yang lain kan udah fren ya</div>
-                </div>
-
-            </div>
-            <div class="listBox" id="lisbox2">
-                <img src="img/profile-placeholder.png" alt="profile image" class="thumbnail">
-                <button class="buttonHide" onclick="hideElement('lisbox2')">HIDE</button>
-                <div class="date">3 October 2017</div>
-                <div class="name">Bert</div>
-                <div class="route">Magetan-Madiun</div>
-                <div class="rating">Gave star</div>
-                <div class="comment">and left comment:</div>
-            </div>
-            
+            ?>            
         </div>
         <script src="js/history.js" type="text/javascript"></script>
     </body>