Tweet
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
CSS-Code
Javascript
Anlegen
Edit:
Sollte ein script fehlen bitte anschreiben
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>
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;
}
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');
});
}
}
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());
}
?>
Sollte ein script fehlen bitte anschreiben
Kommentar