Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 28-03-2020, 09:50
Sky-Kay
 Registrierter Benutzer
Links : Onlinestatus : Sky-Kay ist offline
Registriert seit: Mar 2020
Beiträge: 7
Sky-Kay befindet sich auf einem aufstrebenden Ast
Standard 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.jsasync></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
Miniaturansicht angehängter Grafiken
Zellen einer Tabelle einer id in der Datenbank zuordnen?-zeile.jpg   Zellen einer Tabelle einer id in der Datenbank zuordnen?-einzelnezellen.jpg  

Geändert von Sky-Kay (28-03-2020 um 12:18 Uhr) Grund: Nachtrag
Mit Zitat antworten