Guten Tag,
ich habe ein Problem mit meinen Script in der Anmelde-Maske:
PHP
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The style template for the header -->
<link rel="stylesheet" href="css/header_out_style.css">
<!-- The style template for the main page -->
<link rel="stylesheet" href="css/main_style.css">
<!-- Import fa fa-icon from w3schools.com -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Home</title>
</head>
<body>
<div class="header_first">
</div>
<?php
session_start();
// Seite?
$page = strtolower($_GET['page']);
// Nutzer ist angemeldet?
// TODO: Prüfen ob Nutzer angemeldet ist
if(isset($_SESSION['user'])):
require_once('ui.php');
else:
if($page == 'anmelden'):
echo 'Doch <a href="index.php?page=registrieren">registrieren</a>?';
require_once('index.php');
elseif($page == 'registrieren'):
echo 'Doch <a href="index.php?page=anmelden">anmelden</a>?';
require_once('index.php');
else:
echo 'Hey! Willst du dich <a href="index.php?page=anmelden">anmelden</a> oder <a href="index.php?page=registrieren">registrieren</a>?';
endif;
endif;
?>
<div class="header_main">
<nav>
<ul>
<li><button onclick="document.getElementById('id01').style.display='block'">Anmelden <i class="fa fa-sign-in" style="font-size:20px"></i></button></li>
<li><button onclick="document.getElementById('id02').style.display='block'">Registrieren <i class="fa fa-user-plus" style="font-size:20px"></i></button></li>
</ul>
</nav>
<!-- The register screen ------------------------------------------------------------------------->
<div id="id02" class="modal">
<span onclick="document.getElementById('id02').style.display='none'" class="close" title="Close Modal">×</span>
<!-- Main Content -->
<form action="?register=1" method="post" class="modal-content animate">
<div class="form-group">
<!--<img src="img/logo.png" alt="logo" class="logo">-->
<br>
<br>
<label for="inputBenutzername">Benutzername:</label><br>
<input type="text" id="inputBenutzername" size="40" maxlength="32" name="benutzername" class="form-control" required>
</div>
<br>
<br>
<div class="form-group">
<label for="inputEmail">E-Mail:</label><br>
<input type="email" id="inputEmail" size="40" maxlength="250" name="email" class="form-control" required>
</div>
<br>
<br>
<div class="form-group">
<label for="inputPasswort">Dein Passwort:</label><br>
<input type="password" id="inputPasswort" size="40" maxlength="250" name="passwort" class="form-control" required>
</div>
<br>
<br>
<div class="form-group">
<label for="inputPasswort2">Passwort wiederholen:</label><br>
<input type="password" id="inputPasswort2" size="40" maxlength="250" name="passwort2" class="form-control" required>
</div>
<button type="submit" class="btn btn-lg btn-primary btn-block" id="first_button">Registrieren</button>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="container" style="background-color:#2D89D9">
<button type="button" onclick="document.getElementById('id02').style.display='none'" class="cancelbtn" id="second_button">Cancel</button><br><br>
<br>
</div>
</form>
</div>
<?php
// Als Daten müssen folgende nacheinander eingetragen werden
// Host | Meist localhost
// Benutzer | Benutzername der Datenbank
// Passwort | Passwort der Datenbank. Wenn keins vorhanden einfach leer lasssen
// Datenbank | Name der Datenbank
$db = new mysqli('XX.XX.XX','XX','XX','XX');
if($db->connect_error):
echo $db->connect_error;
endif;
if(isset($_POST['absenden'])):
$benutzername = $_POST['benutzername'];
$passwort = $_POST['passwort'];
$passwort_widerholen = $_POST['passwort_widerholen'];
$search_user = $db->prepare("SELECT id FROM web_users WHERE benutzername = ?");
$search_user->bind_param('s',$benutzername);
$search_user->execute();
$search_result = $search_user->get_result();
if($search_result->num_rows == 0):
if($passwort == $passwort_widerholen):
$passwort = md5($passwort);
$insert = $db->prepare("INSERT INTO web_users (benutzername,passwort) VALUES (?,?)");
$insert->bind_param('ss',$benutzername,$passwort);
$insert->execute();
if($insert !== false):
echo 'Dein Account wurde erfolgreich erstellt!';
endif;
else:
echo 'Deine Passwörter stimmen nicht überein!';
endif;
else:
echo 'Der Benutzername ist leider schon vergeben!';
endif;
endif;
?>
<!-- The login screen ------------------------------------------------------------------------->
<div id="id01" class="modal">
<span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
<!-- Main Content -->
<form action="?login=1" method="post" class="modal-content animate">
<div class="form-group">
<!--<img src="img/logo.png" alt="logo" class="logo">-->
<br>
<br>
<label for="inputBenutzername">Benutzername:</label><br>
<input type="text" id="inputBenutzername" size="40" maxlength="32" name="benutzername" class="form-control" required>
</div>
<br>
<br>
<div class="form-group">
<label for="inputPasswort">Dein Passwort:</label><br>
<input type="password" id="inputPasswort" size="40" maxlength="250" name="passwort" class="form-control" required>
</div>
<br>
<br>
<button type="submit" class="btn btn-lg btn-primary btn-block" id="first_button">Login</button>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="container" style="background-color:#2D89D9">
<button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn" id="second_button">Cancel</button><br><br>
<br>
</div>
</form>
</div>
<?php
// Als Daten müssen folgende nacheinander eingetragen werden
// Host | Meist localhost
// Benutzer | Benutzername der Datenbank
// Passwort | Passwort der Datenbank. Wenn keins vorhanden einfach leer lasssen
// Datenbank | Name der Datenbank
$db = new mysqli('XX.XX.XX','XX','XX','XX');
if($db->connect_error):
echo $db->connect_error;
endif;
if(isset($_POST['absenden'])):
$benutzername = strtolower($_POST['benutzername']);
$passwort = $_POST['passwort'];
$passwort = md5($passwort);
$search_user = $db->prepare("SELECT id FROM web_users WHERE benutzername = ? AND passwort = ?");
$search_user->bind_param('ss',$benutzername,$passwort);
$search_user->execute();
$search_result = $search_user->get_result();
if($search_result->num_rows == 1):
$search_object = $search_result->fetch_object();
$_SESSION['user'] = $search_object->id;
header('Location: ui.php');
else:
echo 'Deine Angaben sind leider nicht korrekt!';
endif;
endif;
?>
<!-- The background skript ------------------------------------------------------------------------->
<script> var modal = document.getElementById('id02');
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
<script> var modal = document.getElementById('id01');
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
Alles anzeigen
Ich würde gern die Anmelde-Maske anklicken >> in dem Fenster was aufploppt meine Daten eintragen >> Angemeldet/Registriert werden. Das Problem was ich habe, ich kann die Zeile:
Code
<nav>
<ul>
<li><button onclick="document.getElementById('id01').style.display='block'">Anmelden <i class="fa fa-sign-in" style="font-size:20px"></i></button></li> <li><button onclick="document.getElementById('id02').style.display='block'">Registrieren <i class="fa fa-user-plus" style="font-size:20px"></i></button></li> </ul>
</nav>
.. nicht in die echo Ausgabe reinschreiben, da sonst die Seite einen ERROR hat und die Komplette Seite Weiß ist.
Ich bin verzweifelt und komme nicht weiter, da ich das Thema nur als Hobby mache gehen wir die Ideen leider aus
Ich bitte um Hilfe