Design
Tabellen, HTML5-Funktionen und Javascript
This commit is contained in:
parent
27323b026a
commit
dc0981d442
8 changed files with 164 additions and 54 deletions
14
login.php
14
login.php
|
@ -40,9 +40,17 @@ if (!isset($_SESSION['user'])) {
|
|||
|
||||
<body>
|
||||
<form action="login.php" method="POST">
|
||||
<p>Benutzername: <input type="text" name="benutzername"/></p>
|
||||
<p>Passwort: <input type="password" name=passwort /></p>
|
||||
<p><input type="submit" value="anmelden" /></p>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Benutzername:</td>
|
||||
<td><input type="text" name="benutzername" required autofocus /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Passwort:</td>
|
||||
<td><input type="password" name=passwort required /></td>
|
||||
</tr>
|
||||
</table>
|
||||
<input type="submit" value="anmelden" />
|
||||
</form>
|
||||
|
||||
|
||||
|
|
|
@ -28,13 +28,30 @@ if (empty($_POST["name"])) {
|
|||
?>
|
||||
<h1>Ort ändern</h1>
|
||||
<form action="ort_aendern.php" method="POST">
|
||||
<p>Name: <input type="text" name="name" maxlength="50" value="<?php echo $name; ?>"/></p>
|
||||
<p>PLZ: <input type="text" name="plz" maxlength="5" size="5" value="<?php echo $plz; ?>" /> Stadt: <input type="text" name="stadt" maxlength="50" value="<?php echo $stadt; ?>"/></p>
|
||||
<p>Straße: <input type="text" name="strasse" maxlength="50" size="5" value="<?php echo $strasse; ?>" /> Hausnummer: <input type="text" name="hausnummer" maxlength="5" size="3" value="<?php echo $hausnummer; ?>"/></p>
|
||||
<input type="hidden" name="id" value="<?php echo $id ?>" />
|
||||
<p><input type="submit" value="Ort ändern"></p>
|
||||
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>Name:</td>
|
||||
<td><input type="text" name="name" maxlength="50" required value="<?php echo $name; ?>" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PLZ:</td>
|
||||
<td><input type="text" name="plz" maxlength="5" size="5" required value="<?php echo $plz; ?>" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Stadt:</td>
|
||||
<td><input type="text" name="stadt" maxlength="50" required value="<?php echo $stadt; ?>" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Straße:</td>
|
||||
<td><input type="text" name="strasse" maxlength="50" size="5" value="<?php echo $strasse; ?>" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hausnummer:</td>
|
||||
<td><input type="text" name="hausnummer" maxlength="5" size="3" value="<?php echo $hausnummer ?>" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
<input type="submit" value="Ort hinzufügen" style="width: auto;">
|
||||
<input type="hidden" name="id" />
|
||||
</form>
|
||||
|
||||
<?php
|
||||
|
|
|
@ -12,18 +12,33 @@
|
|||
|
||||
<h1>Ort hinzufügen</h1>
|
||||
<form action="ort_erstellen.php" method="POST">
|
||||
<p>Name: <input type="text" name="name" maxlength="50"/></p>
|
||||
<p>PLZ: <input type="text" name="plz" maxlength="5" size="5" /> Stadt: <input type="text" name="stadt" maxlength="50"/></p>
|
||||
<p>Straße: <input type="text" name="strasse" maxlength="50" size="5" /> Hausnummer: <input type="text" name="hausnummer" maxlength="5" size="3"/></p>
|
||||
<p><input type="submit" value="Ort hinzufügen"></p>
|
||||
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>Name:</td>
|
||||
<td><input type="text" name="name" maxlength="50" required autofocus /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PLZ:</td>
|
||||
<td><input type="text" name="plz" maxlength="5" size="5" required /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Stadt:</td>
|
||||
<td><input type="text" name="stadt" maxlength="50" required /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Straße:</td>
|
||||
<td><input type="text" name="strasse" maxlength="50" size="5" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hausnummer:</td>
|
||||
<td><input type="text" name="hausnummer" maxlength="5" size="3"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
<input type="submit" value="Ort hinzufügen" style="width: auto;">
|
||||
</form>
|
||||
|
||||
<?php
|
||||
require_once "verbindungsaufbau.php"; //mit Server verbinden
|
||||
|
||||
if (isset($_POST["name"])) { //Wenn das Formular ausgefüllt wurde ...
|
||||
require_once "verbindungsaufbau.php"; //mit Server verbinden
|
||||
$name = $_POST["name"];
|
||||
$plz = $_POST["plz"];
|
||||
$stadt = $_POST["stadt"];
|
||||
|
|
|
@ -13,26 +13,18 @@
|
|||
<body>
|
||||
|
||||
<h1>Registrieren</h1>
|
||||
<form action="registrieren.php" method="POST">
|
||||
<p>Benutzername: <input type="text" name="benutzername" maxlength="50"/></p>
|
||||
<p>Vorname: <input type="text" name="vorname" maxlength="50"/></p>
|
||||
<p>Nachname: <input type="text" name="nachname" maxlength="50"/></p>
|
||||
<p>Passwort: <input type="password" name="passwort_1" maxlength="50"/></p>
|
||||
<p>Passwort wiederholen: <input type="password" name="passwort_2" maxlength="50"/></p>
|
||||
|
||||
<p><input type="submit" value="Registrieren"></p>
|
||||
|
||||
</form>
|
||||
|
||||
<?php
|
||||
require_once "verbindungsaufbau.php";
|
||||
|
||||
if (isset($_POST["benutzername"])) { //Wenn das Formular ausgefüllt wurde ...
|
||||
require_once "verbindungsaufbau.php";
|
||||
$benutzername = $_POST["benutzername"];
|
||||
$vorname = $_POST["vorname"];
|
||||
$nachname = $_POST["nachname"];
|
||||
$passwort_1 = $_POST["passwort_1"];
|
||||
$passwort_2 = $_POST["passwort_2"];
|
||||
$email = $_POST["email"];
|
||||
|
||||
if ($stmt = $mysqli->prepare("SELECT COUNT(*) FROM benutzer WHERE username=?")) {
|
||||
$stmt->bind_param("s", $benutzername);
|
||||
$stmt->execute();
|
||||
|
@ -51,8 +43,8 @@ if (isset($_POST["benutzername"])) { //Wenn das Formular ausgefüllt wurde ..
|
|||
$salt = "*|!JeFF28S,@Z3Sm5\1?";
|
||||
$salted_password = $salt . $passwort_1;
|
||||
$password_hash = hash('sha256', $salted_password);
|
||||
if ($stmt = $mysqli->prepare("INSERT INTO benutzer (username, passwort, vorname, nachname) VALUES (?, ?, ?, ?)")) { // Der SQL-Befehl wird vorbereitet ...
|
||||
$stmt->bind_param("ssss", $benutzername, $password_hash, $vorname, $nachname); // ... eingesetzt ...
|
||||
if ($stmt = $mysqli->prepare("INSERT INTO benutzer (username, passwort, vorname, nachname, email) VALUES (?, ?, ?, ?)")) { // Der SQL-Befehl wird vorbereitet ...
|
||||
$stmt->bind_param("ssss", $benutzername, $password_hash, $vorname, $nachname, $email); // ... eingesetzt ...
|
||||
$stmt->execute(); // ... und ausgeführt
|
||||
$stmt->close();
|
||||
$mysqli->close();
|
||||
|
@ -60,8 +52,48 @@ if (isset($_POST["benutzername"])) { //Wenn das Formular ausgefüllt wurde ..
|
|||
echo "<p><input type='button' value='Fenster schließen' onclick='window.opener.parent.location.reload();window.close()'></p>";
|
||||
|
||||
}
|
||||
}
|
||||
} else {
|
||||
?>
|
||||
|
||||
<form action="registrieren.php" method="POST">
|
||||
<table>
|
||||
<tr>
|
||||
<td>Benutzername:</td>
|
||||
<td><input type="text" name="benutzername" maxlength="10" autofocus required /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Vorname:</td>
|
||||
<td><input type="text" name="vorname" maxlength="10" required/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Nachname:</td>
|
||||
<td><input type="text" name="nachname" maxlength="10" required/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Email:</td>
|
||||
<td><input type="email" name="email" maxlength="50" required /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Passwort:</td>
|
||||
<td><input type="password" id="password" name="passwort_1" required /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Passwort wiederholen</td>
|
||||
<td><input type="password" id="passwordconf" name="passwort_2" required oninput="check(this)" /></td>
|
||||
</tr>
|
||||
<script language='javascript' type='text/javascript'>
|
||||
function check(input) {
|
||||
if (input.value != document.getElementById('password').value) {
|
||||
input.setCustomValidity('Die beiden Passwörter müssen übereinstimmen');
|
||||
} else {
|
||||
// input is valid -- reset the error message
|
||||
input.setCustomValidity('');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</table>
|
||||
<input type="submit" value="Registrieren" style="width: auto;">
|
||||
</form>
|
||||
<?php } ?>
|
||||
</body>
|
||||
</html>
|
|
@ -4,3 +4,7 @@ tr:nth-child(2n) td {
|
|||
a.tabelle:visited {
|
||||
color: blue;
|
||||
}
|
||||
input, textarea {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
|
|
|
@ -8,8 +8,12 @@
|
|||
<link rel="stylesheet" href="./style.css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
function FensterOeffnen (Adresse) {
|
||||
MeinFenster = window.open(Adresse, "Zweitfenster", "width=300,height=400,left=100,top=200");
|
||||
function Fenster_klein (Adresse) {
|
||||
MeinFenster = window.open(Adresse, "Zweitfenster", "width=300,height=200,left=100,top=200");
|
||||
MeinFenster.focus();
|
||||
}
|
||||
function Fenster_breit (Adresse) {
|
||||
MeinFenster = window.open(Adresse, "Zweitfenster", "width=500,height=400,left=100,top=200");
|
||||
MeinFenster.focus();
|
||||
}
|
||||
</script>
|
||||
|
@ -31,7 +35,7 @@ if (isset($_SESSION["user"]) && isset($_GET["id"])) {
|
|||
} else {echo "<p><b>Es ist ein technisches Problem aufgetreten.</b></p>";}
|
||||
} else {
|
||||
?>
|
||||
<p>Bitte <a href="./login.php" onclick="FensterOeffnen(this.href); return false"> melde dich</a> an (oder <a href="./registrieren.php" onclick="FensterOeffnen(this.href); return false">registriere dich zum ersten mal</a>)</a></p>
|
||||
<p>Bitte <a href="./login.php" onclick="Fenster_klein(this.href, 300); return false"> melde dich</a> an (oder <a href="./registrieren.php" onclick="Fenster_breit(this.href, 600); return false">registriere dich zum ersten mal</a>)</a></p>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
|
|
@ -30,11 +30,26 @@ if (empty($_POST["name"])) {
|
|||
?>
|
||||
<h1>Veranstaltung ändern</h1>
|
||||
<form action="veranstaltung_aendern.php" method="POST">
|
||||
<p>Name: <input type="text" name="name" maxlength="50" value="<?php echo htmlspecialchars($name); ?>"/></p>
|
||||
<p>Beschreibung: <textarea name="beschreibung" cols="30" rows="3"><?php echo htmlspecialchars($beschreibung); ?></textarea> </p>
|
||||
<p>Tag (dd.mm.yyyy): <input type="date" name="tag" value="<?php echo htmlspecialchars($zeit[0]); ?>" />Uhrzeit (HH:MM): <input type="time" name="zeit" value="<?php echo htmlspecialchars($zeit[1]); ?>" /></p>
|
||||
Veranstaltungsort:<select name="ort" size="1">
|
||||
<?php
|
||||
<table>
|
||||
<tr>
|
||||
<td>Name: </td>
|
||||
<td><input type="text" name="name" maxlength="50" required value="<?php echo htmlspecialchars($name); ?>" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Beschreibung: </td>
|
||||
<td><textarea name="beschreibung" cols="31" rows="5" ><?php echo htmlspecialchars($beschreibung); ?></textarea> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tag:</td>
|
||||
<td><input type="date" name="tag" placeholder="dd.mm.yyyy" value="<?php echo htmlspecialchars($zeit[0]); ?>" pattern="(0[1-9]|[12][0-9]|3[01])\.(0[1-9]|1[012])\.(19|20)\d\d" title="dd.mm.yyyy" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Uhrzeit</td>
|
||||
<td><input type="time" name="zeit" placeholder="hh:mm" value="<?php echo htmlspecialchars($zeit[1]); ?>" pattern="^([01][0-9]|2[0-3]):([0-5][0-9])$" title="hh:mm" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Veranstaltungsort:</td>
|
||||
<td><select name="ort" size="1"><?php
|
||||
$ergebnis = $mysqli->query("SELECT * FROM orte");
|
||||
while ($zeile = $ergebnis->fetch_array()) {
|
||||
if ($zeile['ort_id'] == $ort) {
|
||||
|
@ -44,12 +59,11 @@ Veranstaltungsort:<select name="ort" size="1">
|
|||
}
|
||||
}
|
||||
$mysqli->close();
|
||||
?>
|
||||
</select> <a href="./orte.php" target="Orte" >Orte anzeigen und bearbeiten</a>
|
||||
?></select><a href="./orte.php" target="Orte" >Orte anzeigen und bearbeiten</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<input type="hidden" name="id" value="<?php echo $id ?>" />
|
||||
<p><input type="submit" value="Veranstaltung ändern"></p>
|
||||
|
||||
|
||||
<input type="submit" id="submit" value="Veranstaltung ändern" style="width: auto;">
|
||||
</form>
|
||||
|
||||
<?php
|
||||
|
|
|
@ -14,10 +14,26 @@
|
|||
|
||||
<h1>Veranstaltung erstellen</h1>
|
||||
<form action="veranstaltung_erstellen.php" method="POST">
|
||||
<p>Name: <input type="text" name="name" maxlength="50"/></p>
|
||||
<p>Beschreibung: <textarea name="beschreibung" cols="30" rows="3" ></textarea> </p>
|
||||
<p>Tag (dd.mm.yyyy): <input type="date" name="tag" />Uhrzeit (HH:MM): <input type="time" name="zeit" /></p>
|
||||
Veranstaltungsort:<select name="ort" size="1">
|
||||
<table>
|
||||
<tr>
|
||||
<td>Name: </td>
|
||||
<td><input type="text" name="name" maxlength="50" required autofocus /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Beschreibung: </td>
|
||||
<td><textarea name="beschreibung" cols="31" rows="5" ></textarea> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tag:</td>
|
||||
<td><input type="date" name="tag" placeholder="dd.mm.yyyy" pattern="(0[1-9]|[12][0-9]|3[01])\.(0[1-9]|1[012])\.(19|20)\d\d" title="dd.mm.yyyy" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Uhrzeit</td>
|
||||
<td><input type="time" name="zeit" placeholder="hh:mm" pattern="^([01][0-9]|2[0-3]):([0-5][0-9])$" title="hh:mm" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Veranstaltungsort:</td>
|
||||
<td><select name="ort" size="1">
|
||||
<?php
|
||||
require_once "verbindungsaufbau.php";
|
||||
|
||||
|
@ -27,10 +43,10 @@ while ($zeile = $ergebnis->fetch_array()) {
|
|||
echo "<option value='" . htmlspecialchars($zeile['ort_id']) . "'>" . htmlspecialchars($zeile['ort_name']) . "</option>\n"; //Optionen in Dropdown-Liste eingeben
|
||||
}
|
||||
?>
|
||||
</select> <a href="./orte.php" target="Orte" >Orte anzeigen und bearbeiten</a>
|
||||
<p><input type="submit" value="Veranstaltung hinzufügen"></p>
|
||||
|
||||
|
||||
</select><a href="./orte.php" target="Orte" >Orte anzeigen und bearbeiten</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<input type="submit" id="submit" value="Veranstaltung hinzufügen" style="width: auto;">
|
||||
</form>
|
||||
|
||||
<?php
|
||||
|
|
Reference in a new issue