Zellen einer Tabelle einer id in der Datenbank zuordnen?

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

  • Zellen einer Tabelle einer id in der Datenbank zuordnen?

    Hallo liebe Community

    Vorab, ich bin totaler Anfänger was html, php, css und JavaScrip angeht. Und ich hoffe
    auf ein wenig hilfe, das ich es nach und nach lerne und verstehe

    Aber nun zu meiner frage:

    1. Ist es möglich Zellen einer Tabelle einer id zuzuordnen und über einen Speicher Button
    diese dann auch in der Datenbank zu speichern?

    2. Bei diesem model ist es so, das ich nur ganze Reihen auswählen kann,
    ich wollte aber nur die leeren Zellen anwählen können.

    3. Das fertige Tabellen script soll beim anlegen der Datenbank beim anlegen dabei sein Anlegen-PHP

    Anbei noch zwei Bilder.

    Ich hoffe ihr könnt mir helfen, und sage schonmal Danke

    PHP-Code:
    <!doctype html>
    <
    html>
    <
    head>
    <
    meta charset="utf-8">
    <
    title>Unbenanntes Dokument</title>
    <
    link href="auswaehlbar.css" rel="stylesheet">
    <
    script src="auswaehlbar.js" async></script>
    </
    head>
    <
    body>

    <
    main>
        
        <
    table
        id
    ="auswaehlbar">
            <
    tbody>
                <
    tr class="hintergrundfarbe5">
                    <
    th>Tag/Stunden</th>
                    <
    th>00</td>
                    <
    th>01</td>
                    <
    th>02</td>
                    <
    th>03</td>
                    <
    th>04</td>
                    <
    th>05</td>
                    <
    th>06</td>
                    <
    th>07</td>
                    <
    th>08</td>
                    <
    th>09</th>
                    <
    th>10</th>
                    <
    th>11</th>
                    <
    th>12</th>
                    <
    th>13</th>
                    <
    th>14</th>
                    <
    th>15</th>
                    <
    th>16</th>
                    <
    th>17</th>
                    <
    th>18</th>
                    <
    th>19</th>
                    <
    th>20</th>
                    <
    th>21</th>
                    <
    th>22</th>
                    <
    th>23</th>
                    </
    tr>
                    <
    tr>
                    <
    th>Montag</th>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    </
    tr>
                    <
    tr>
                    <
    th>Dienstag</th>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    </
    tr>
                    <
    tr>
                    <
    th>Mitwoch</th>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    </
    tr>
                    <
    tr>
                    <
    th>Donnerstag</th>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    </
    tr>
                    <
    tr>
                    <
    th>Freitag</th>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    </
    tr>
                    <
    tr>
                    <
    th>Samstag</th>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    </
    tr>
                    <
    tr>
                    <
    th>Sonntag</th>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                    <
    td></td>
                </
    tr>
                </
    tbody>
            </
    table>
            <
    br>
            
            <
    form method="post">
        <
    input name="Submit1" type="submit" value="Speichern" /></form>

    </
    main>

    </
    body>
    </
    html
    CSS-Code
    Code:
    @charset "utf-8";
    /* CSS Document */
    main {
    	background: white;
    	border-color: #8a9da8;
    	height: 700px;
    	overflow: hidden;
    }
    
    table,
    th,
    td {
    	border: 1px solid blue;
    	border-collapse: collapse;
    	padding: 0.3em;
    }
    /* Zebra-Streifen für ungerade Zeilen */
    
    tr:nth-child(odd) {
    	background-color: #eee;
    }
    /* 2. und 3. Spalte rechtsbündig */
    
    td:nth-of-type(2),
    td:nth-of-type(3) {
    	text-align: right;
    }
    /*Markierung, dass Zeile ausgewählt ist */
    
    tr.markiert {
    	background-color: lime;
    }
    Javascript
    Code:
    // JavaScript Document
    onload = function () {
    	var rows = document.getElementById('auswaehlbar')
    		.getElementsByTagName('tbody')[0].getElementsByTagName('tr');
    	for (i = 0; i < rows.length; i++) {
    		rows[i].addEventListener('click', function () {
    			this.classList.toggle('markiert');
    		});
    	}
    }
    Anlegen
    PHP-Code:
    <?php
    // Verbindung zur Datenbank aufbauen.
    include "verbinden.php";

    try {
     
    // Anlegen der Datenbank-Tabelle.
     
    $db->exec("CREATE TABLE IF NOT EXISTS `nachrichten` (
                `id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY,
                `titel` VARCHAR(80) NOT NULL,
                `autor` varchar(30) NOT NULL DEFAULT 'Werner',
                `nachricht` TEXT NOT NULL,
                `kategorie` VARCHAR(25) NOT NULL,
                `anzeige` TINYINT(1) NOT NULL,
                `datum` DATE NOT NULL
               ) ENGINE = MYISAM DEFAULT CHARSET=utf8"
    );

     echo 
    '<p>▷ Die Datenbank-Tabelle wurde angelegt.<br>
     <a href="eintragen.php">Erste Nachricht eintragen</a></p>'
    ;
    }
    catch (
    PDOException $e) {
     
    // Bei einem Fehler eine Nachricht ausgeben.
     
    exit('<p>▷ Fehler beim anlegen der Datenbank-Tabelle!</p>' .
      
    $e->getMessage());
    }
    ?>
    Edit:
    Sollte ein script fehlen bitte anschreiben
    Angehängte Dateien
    Zuletzt geändert von Sky-Kay; 28.03.2020, 12:18. Grund: Nachtrag

  • #2
    du kannst in jeder Zelle ein eigenes Formular haben

    3. Das fertige Tabellen script soll beim anlegen der Datenbank beim anlegen dabei sein Anlegen-PHP
    was?!

    Kommentar


    • #3
      Hallo zusammen

      nach einer langen Durststrecke habe ich da was aus ein paar Codesnipsel zusammen gebastelt, und wider erwarten hänge ich

      Ich hoffe das mir jemand helfen kann?

      Ein Beispiel in weche Richtung es geht könnt ihr euch hier anschauen..
      Link:

      Das mit dem wechsel der Farbe bekomme ich nicht bebacken
      hier die Seite zur vorschau Link

      Da das php und javascript etwas zu lang ist kann man es downloaden.
      Hier der Download Link:


      Danke schonmal im Voraus

      Grüssle
      Sky-Kay

      Kommentar


      • #4
        Handyman redding

        Great Forum and very helpful. Thank you

        Kommentar

        Lädt...
        X