PHP Anmelde-Maske

Tom N. · 16. Dezember 2018

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">&times;</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">&times;</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

Tom N. · 16. Dezember 2018

Hier als Beispiel und Test Umgebung der Seite:

http://91.200.101.75/plesk-sit…u/91.200.101.75/index.php

DER · 16. Dezember 2018

Ja, natürlich kommt ein Error, da Du mittendrin die Anführungszeichen wieder verwendest, wodurch der String beendet wird. Du machst es so besser:

echo " ?>

<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>

<?php ";

Dadurch kommen keine Probleme mehr auf da die '<nav>' sammt Inhalt nicht mehr durch Php geparst werden muss. Es wird als reines HTML geparst.

Ich möchte aber noch erwähnen das die onclick="" Methode von Javascript veraltet ist und man es so nicht mehr nutzen sollte, da "bad practice".

Tom N. · 16. Dezember 2018

Danke für die schnelle Hilfe, aber es funktioniert nicht die Seite ist weiß D:

PHP

echo " ?>
    <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>
<?php ";
  endif;
endif;
?>

Alles anzeigen

DER · 16. Dezember 2018

Welchen Error gibt es denn?

Und wo willst Du eigentlich die <nav> eintragen?

Tom N. · 16. Dezember 2018

Der ERROR ist, dass die Komplette Seite nur weiß ist.

Ich möchte die <nav> gerne im Header Bereich oben rechts haben.

Die <nav> ist eigentlich nur da damit ich dass besser verschieben und designen kann wenn es eine andere Möglichkeit gibt bin ich sehr offen für neues.

m.scatello · 16. Dezember 2018

Code

echo "<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>";

DER · 16. Dezember 2018

m.scatello Das wäre die zweite möglichkeit, die aber sehr unübersichtlich und auch sehr Fehleranfällig ist.

PHP

?>
      <div class="header_main">
<?php echo "?>
          <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 ------------------------------------------------------------------------->
<?php "; ?>

Alles anzeigen

Das sollte funktionieren... Bitte einmal so einfügen.

m.scatello · 16. Dezember 2018

Zitat von DER

Das wäre die zweite möglichkeit, die aber sehr unübersichtlich und auch sehr Fehleranfällig ist.

Meine funktioniert aber im Gegensatz zu deiner.

DER · 16. Dezember 2018

Wobei meine Version eigentlich auch funtkionieren sollte. Zumindest habe ich es so immer gemacht.

m.scatello · 16. Dezember 2018

Zitat von DER

Wobei meine Version eigentlich auch funtkionieren sollte.

Tut es aber nicht.

Zitat

Zumindest habe ich es so immer gemacht.

Das glaube ich eher nicht, weil dir mit deiner Version ein Parse-Error um die Ohren gehauen wird.

Arne Drews · 17. Dezember 2018

Zunächst mal sollte der Kontext beachtet werden, denn vermutlich ist session_start() nicht ganz unbeteiligt an dem Problem und würde an der Stelle bei korrektem ErrorReport auch einen Fehler werfen: https://www.php-rocks.de/thema…headers-already-sent.html

PHP Anmelde-Maske

Jetzt mitmachen!

Teilen

Tags