login_ses_b

<form name="f" method="post">
    <input type="hidden" name="btn">
    <table>
        <tr>
            <td>&nbsp;</td>
            <td bgcolor="#8080ff">Κωδ.</td>
            <td bgcolor="#8080ff">Όνομα</td>
            <td bgcolor="#8080ff">Διεύθυνση</td>
            <td bgcolor="#8080ff">Username</td>
            <td bgcolor="#8080ff">Password</td>
            <td>&nbsp;</td>
        </tr>

//Ο κώδικας ξεκινάει με τη δημιουργία μιας HTML φόρμας με τη μέθοδο post.
//Υπάρχει ένα κρυφό πεδίο btn που θα χρησιμοποιηθεί για να καθορίσει ποια ενέργεια θα εκτελεστεί (τροποποίηση, εισαγωγή, διαγραφή).
//Δημιουργείται ένας πίνακας για την εμφάνιση των δεδομένων και των πεδίων εισαγωγής.
//Εμφάνιση Δεδομένων από τη Βάση
php


$result = mysqli_query($conn, "SELECT * FROM usershappytooth");
if ($result) {
    while ($row = mysqli_fetch_assoc($result)) {
        ?>
        <tr>
            <td><input type="radio" name="client_selection" value="<?php echo $row['id']; ?>"></td>
            <td><?php echo $row['id']; ?></td>
            <td><?php echo $row['name']; ?></td>
            <td><?php echo $row['address']; ?></td>
            <td><?php echo $row['username']; ?></td>
            <td><?php echo $row['password']; ?></td>
            <td>
                <img src="del.png" width="20" height="20"
                     onmouseup="this.src='bigdel_.png'; f.btn.value='<?php echo $row['id']; ?>'; f.submit();"
                     onmouseover="this.src='bigdel.png'; this.style.cursor='pointer'"
                     onmouseout="this.src='del.png'">
            </td>
        </tr>
        <?php
    }
    mysqli_free_result($result);
} else {
    echo "Error fetching records: " . mysqli_error($conn);
}
//Εκτελείται ένα ερώτημα στη βάση δεδομένων για να ανακτηθούν όλα τα αρχεία από τον πίνακα usershappytooth.
//Αν υπάρχουν αποτελέσματα, γίνεται επανάληψη πάνω σε κάθε εγγραφή (γραμμή) και τα δεδομένα εμφανίζονται στον πίνακα.
//Για κάθε εγγραφή, δημιουργείται ένα radio κουμπί επιλογής που επιτρέπει την επιλογή της συγκεκριμένης εγγραφής.
//Εμφανίζονται τα δεδομένα της εγγραφής στις αντίστοιχες στήλες.
//Προστίθεται ένα εικονίδιο διαγραφής που, όταν πατηθεί, θα ορίσει την τιμή του κρυφού πεδίου btn με το ID της εγγραφής και θα υποβάλει τη φόρμα.
//Πεδίο Εισαγωγής Νέας Εγγραφής
html
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><input type="text" name="my_name" style="background:#e0e0ff"></td>
    <td><input type="text" name="my_address" style="background:#e0e0ff"></td>
    <td><input type="text" name="my_username" style="background:#e0e0ff"></td>
    <td><input type="password" name="my_password" style="background:#e0e0ff"></td>
    <td>&nbsp;</td>
</tr>

//Προστίθεται μια γραμμή στον πίνακα για την εισαγωγή νέας εγγραφής.
//Περιλαμβάνει πεδία κειμένου για την εισαγωγή του ονόματος, της διεύθυνσης, του ονόματος χρήστη και του κωδικού.
//Ενέργειες (Τροποποίηση, Εισαγωγή)
html

<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>
        <img src="edit.png" width="60" height="60"
             onmouseup="this.src='bigedit.png'; f.btn.value='Τροποποίηση'; f.submit();"
             onmouseover="this.src='bigedit.png'; this.style.cursor='pointer'"
             onmouseout="this.src='edit.png'">
    </td>
    <td colspan="2">
        <img src="add.png" width="60" height="60"
             onmouseup="this.src='bigadd_.png'; f.btn.value='Εισαγωγή'; f.submit();"
             onmouseover="this.src='bigadd.png'; this.style.cursor='pointer'"
             onmouseout="this.src='add.png'">
    </td>
</tr>

//Προστίθενται κουμπιά για τις ενέργειες Τροποποίηση και Εισαγωγή.
//Όταν πατηθεί το κουμπί Τροποποίηση, αλλάζει η εικόνα του κουμπιού και ορίζεται η τιμή του κρυφού πεδίου btn σε Τροποποίηση, υποβάλλοντας τη φόρμα.
//Όταν πατηθεί το κουμπί Εισαγωγή, αλλάζει η εικόνα του κουμπιού και ορίζεται η τιμή του κρυφού πεδίου btn σε Εισαγωγή, υποβάλλοντας τη φόρμα.

//Συνοψίζοντασ ο κώδικας:

//Εμφανίζει μια λίστα εγγραφών από τη βάση δεδομένων σε έναν πίνακα.
//Επιτρέπει στον χρήστη να επιλέξει μια εγγραφή για διαγραφή.
//Επιτρέπει την εισαγωγή νέας εγγραφής.
//Υποστηρίζει την τροποποίηση των εγγραφών.
//Χρησιμοποιεί εικόνες ως κουμπιά για τις ενέργειες, αλλάζοντας την εικόνα και το στυλ όταν ο χρήστης αλληλεπιδρά με αυτές.