$_POST/$_GET anwenden in Dialogen/Modals

Parad0x0n · 8. Juni 2014

Moin,
und zwar möchte ich gerne den Inhalt eines Input Feldes von einem "Modal" (Dialog(?)) gerne auf ein anderes Modal bzw. an die Seite übergeben, nur funktioniert mein Code irgendwie nicht

Hier das Modal

PHP

<!--[ startOfModal: Login] -->
				<div class="modal fade" id="modal-container-Login" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h4 class="modal-title" id="myModalLabel">
									Anmelden
								</h4>
							</div>
							<div class="modal-body">																		
								<form class="form-horizontal" role="form">
									<div class="input-group">
									  <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
									  <input name="loginBenutzername" type="text" class="form-control" placeholder="Benutzername">
									</div><br>
									<div class="input-group">
									  <span class="input-group-addon"><span class="glyphicon glyphicon-credit-card"></span></span>
									  <input name="loginPasswort" type="password" class="form-control" placeholder="Passwort">
									</div><br>
									<a data-dismiss="modal" aria-hidden="true" id="modal-Login-Check" href="#modal-container-Login-Check" role="button" class="btn btn-success" data-toggle="modal">Anmelden</a>												
								</form>							
							</div>
						</div>					
					</div>
				</div>
				<!--[ endOfModal: Login ] -->

Alles anzeigen

Und hier das 2. Modal (wenn man im 1. auf Anmelden klickt)

PHP

<!--[ startOfModal: Login-Check] -->
				<div class="modal fade" id="modal-container-Login-Check" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h4 class="modal-title" id="myModalLabel">
									Anmelden
								</h4>
							</div>
							<div class="modal-body">
							<?php	
								if(isset($_POST['loginBenutzername']) AND isset($_POST['loginPasswort']))
								{
									$_Benutzername=$_POST['loginBenutzername'];
									$_Passwort=$_POST['loginPasswort'];								 
									$_login_Query=mysql_query("SELECT * FROM `Benutzer` WHERE Benutzername=`'$_Benutzername'` AND Passwort=`'$password'` LIMIT 1")or die(mysql_error());
									$_Result=mysql_num_rows($_login_Query);
									if($_Result > 0)
									{

										echo'Eingeloggt!';
										break;
									}
									else
									{
										echo'Der Benutzername oder das Passwort ist falsch!';
										break;
									}
								}
								else
								{
									header("Location: #modal-container-Login");
								}
								?>
							</div>
						</div>					
					</div>
				</div>
				<!--[ endOfModal: Login-Check ] -->

Alles anzeigen

Irgendwie werden die Werte via $_POST und $_GET nicht übergeben, kann mir einer erklären warum und wie ich das "Problem" beheben kann ?
Wäre euch wirklich dankbar! :x

Slash™ · 8. Juni 2014

Sind das eigendlich 2 verschiedene Dateien oder alles in einer?
Du musst auch die werte an die Datei senden mit ner form.

PHP

<form action="index.php" method="post">//Datei ändern
//zeugs wie dein button und input
</form>

Ebenfalls wenn du schon eine neue variable hast für dein Usernamen und Passwort solltest du es escapen,
ALLES, was in nem MySQL Query als werte kommen müssen escaped werden, das schützt dich vor SQL Injections

PHP

$_Benutzername=mysql_real_escape_string($_POST['loginBenutzername']);
$_Passwort=mysql_real_escape_string($_POST['loginPasswort']);

Parad0x0n · 8. Juni 2014

Vielen Dank !
Ich teste es jetzt direkt

Zu dem MySQL:
Ich wollte es mit MySQLi machen, nur scheint das irgendwie nicht zu funktionieren

Developer · 8. Juni 2014

Nun ich würde noch dem ersten Modal nen onsubmit Tag mit geben, der dann das Modal schließt und das zweite öffnet.

Parad0x0n · 8. Juni 2014

PHP

<form action="index.php" method="post">
	<div class="input-group">
	  <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
	  <input name="loginBenutzername" type="text" class="form-control" placeholder="Benutzername">
	</div><br>
	<div class="input-group">
	  <span class="input-group-addon"><span class="glyphicon glyphicon-credit-card"></span></span>
	  <input name="loginPasswort" type="password" class="form-control" placeholder="Passwort">
	</div><br>
	<a data-dismiss="modal" aria-hidden="true" method="submit" id="modal-Login-Check" href="#modal-container-Login-Check" role="button" class="btn btn-success" data-toggle="modal">Anmelden</a>											
</form>

Alles anzeigen

Funktioniert irgendwie nicht, kann mir jemand sagen was falsch ist ?

$this->getuser();:
Wo muss ich diesen Tag hinsetzten ?

Edgar · 8. Juni 2014

Was genau funktioniert denn nicht?

Developer · 8. Juni 2014

PHP

<form action="index.php" method="post" onsubmit="$('#modal-container-Login').modal('hide'); $('#modal-container-Login-Check').modal('show');
">

Parad0x0n · 8. Juni 2014

Zitat von Cireyses

Was genau funktioniert denn nicht?

Die Werte vom Input werden immer noch nicht übergeben

Zitat
getUser();" linkhref="'index.php?page=Thread&postID=1909222#post1909222'" class="wysiwygQuote container-4">
PHP
<form action="index.php" method="post" onsubmit="$('#modal-container-Login').modal('hide'); $('#modal-container-Login-Check').modal('show');
">
be

Danke dir, funktioniert und ist wirlich schöner

Edgar · 8. Juni 2014

Zeig uns mal den Teil wo du über $_POST die Daten ausliest und in welcher Datei diese stehen.

linux_ · 8. Juni 2014

Zitat von Slash™

Ebenfalls wenn du schon eine neue variable hast für dein Usernamen und Passwort solltest du es escapen,
ALLES, was in nem MySQL Query als werte kommen müssen escaped werden, das schützt dich vor SQL Injections

PHP-Quelltext
1
2
$_Benutzername=mysql_real_escape_string($_POST['loginBenutzername']);
$_Passwort=mysql_real_escape_string($_POST['loginPasswort']);

Alles anzeigen

Nein, man soll es nicht direkt am Anfang escapen. Im Query macht es mehr Sinn. Wenn Du dann nämlich z.B. dann den Inhalt einer Textbox in eine DB speichern willst, dann macht er Dir Deine Umbrüche kaputt.

Parad0x0n · 8. Juni 2014

Die Datei ist ja die selbe, die index.php Datei.
Hier ist die Form:

PHP

<form class="form-horizontal" action="index.php" method="post" onsubmit="$('#modal-container-Login').modal('hide'); $('#modal-container-Login-Check').modal('show');">											
	<div class="input-group">
	  <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
	  <input name="loginBenutzername" type="text" class="form-control" placeholder="Benutzername">
	</div><br>
	<div class="input-group">
	  <span class="input-group-addon"><span class="glyphicon glyphicon-credit-card"></span></span>
	  <input name="loginPasswort" type="password" class="form-control" placeholder="Passwort">
	</div><br>
	<a data-dismiss="modal" aria-hidden="true" method="submit" id="modal-Login-Check" href="#modal-container-Login-Check" role="button" class="btn btn-success" data-toggle="modal">Anmelden</a>											
</form>

Alles anzeigen

Wenn ich in dem <form> Tag die href="#modal-container-Login-Check" angebe, wird das andere Modal ja nicht angezeigt, deswegen habe ich ja noch im Button extra eine Url reingehauen.
Und hier ist die/das/der andere Modal, wo ja die Daten ausgegeben werden sollten:

PHP

<!--[ startOfModal: Login-Check] -->
<div class="modal fade" id="modal-container-Login-Check" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title" id="myModalLabel">
					Anmelden
				</h4>
			</div>
			<div class="modal-body">
			<?php	
				if(isset($_POST['loginBenutzername']) AND isset($_POST['loginPasswort']))
				{
					$_Benutzername=$_POST['loginBenutzername'];
					$_Passwort=$_POST['loginPasswort'];								 
					$_login_Query=mysql_query("SELECT * FROM `Benutzer` WHERE Benutzername=`'$_Benutzername'` AND Passwort=`'$password'` LIMIT 1")or die(mysql_error());
					$_Result=mysql_num_rows($_login_Query);
					if($_Result > 0)
					{

						echo'Eingeloggt!';
						break;
					}
					else
					{
						echo'Der Benutzername oder das Passwort ist falsch!';
						break;
					}
				}
				else
				{
					header("Location: #modal-container-Login");
				}
				?>
			</div>
		</div>					
	</div>
</div>
<!--[ endOfModal: Login-Check ] -->

Alles anzeigen

Edgar · 8. Juni 2014

$_login_Query=mysql_query("SELECT * FROM `Benutzer` WHERE Benutzername=`'$_Benutzername'` AND Passwort=`'$password'` LIMIT 1")

Zu

$_login_Query = mysql_query("SELECT * FROM `Benutzer` WHERE `Benutzername` = '$_Benutzername' AND `Passwort` = '$password' LIMIT 1")

Parad0x0n · 8. Juni 2014

Ach ich hatte die ` falsch gesetzt
Trotzdem werden die Werte nicht übergeben

Edgar · 8. Juni 2014

Code

if($_Result > 0)
                    {

                        echo'Eingeloggt!';
                        break;
                    }
                    else
                    {
                        echo'Der Benutzername oder das Passwort ist falsch!';
                        break;
                    }

Alles anzeigen

zu

Code

if($_Result > 0) echo 'Eingeloggt!';
else echo 'Der Benutzername oder das Passwort ist falsch!';

Parad0x0n · 8. Juni 2014

Nein, ich glaube du verstehst mich falsch, also aus dem ersten Modal, wo die Input's etc. sind, und ich dann auf den Button klicke der zum nächsten Modal führt, also die Werte werden einfach nicht übergeben, $_POST, funktioniert einfach nicht...

Edgar · 8. Juni 2014

Okay, zeig uns mal deine modals.

Dennoch solltest du den Code oben so übernehmen, echo 'TEXT' ist richtig und echo'Text' nicht.
Ebenso bringt ein Break in deiner If Abfrage nichts.

Parad0x0n · 8. Juni 2014

Zitat von Cireyses

Okay, zeig uns mal deine modals.

Hab ich doch schon, 2-3 mal
Aber hier, die komplette (ok, die halbe) Datei:
Das ist u.a. im <body> Tag:

PHP

<!--[ startOfModal: Login] -->
<div class="modal fade" id="modal-container-Login" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title" id="myModalLabel">
					Anmelden
				</h4>
			</div>
			<div class="modal-body">								
				<div class="tabbable" id="tabs-464799">
					<ul class="nav nav-tabs">
						<li class="active">
							<a href="#panel-215904" data-toggle="tab"><strong>Anmelden</strong></a>
						</li>
						<li>
							<a href="#panel-549280" data-toggle="tab"><strong>Registration</strong></a>
						</li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane active" id="panel-215904"><br>
							<form class="form-horizontal" action="index.php" method="post" onsubmit="$('#modal-container-Login').modal('hide'); $('#modal-container-Login-Check').modal('show');">											
								<div class="input-group">
								  <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
								  <input name="loginBenutzername" type="text" class="form-control" placeholder="Benutzername" required>
								</div><br>
								<div class="input-group">
								  <span class="input-group-addon"><span class="glyphicon glyphicon-credit-card"></span></span>
								  <input name="loginPasswort" type="password" class="form-control" placeholder="Passwort" required>
								</div><br>
								<a data-dismiss="modal" aria-hidden="true" type="submit" id="modal-Login-Check" href="#modal-container-Login-Check" role="button" class="btn btn-info" data-toggle="modal">Anmelden</a>											
							</form>
						</div>
						<div class="tab-pane" id="panel-549280"><br>
							<p>
								Nicht verfügbar!!!
							</p>
						</div>
					</div>
				</div>								
			</div>
		</div>					
	</div>
</div>
<!--[ endOfModal: Login ] -->
<!--[ startOfModal: Login-Check] -->
<div class="modal fade" id="modal-container-Login-Check" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="myModalLabel">
					Einen Augenblick bitte...
				</h4>
			</div>
			<div class="modal-body">
			<?php
				if(isset($_POST['loginBenutzername']) AND isset($_POST['loginPasswort']))
				{
					$_Benutzername=$_POST['loginBenutzername'];
					$_Passwort=$_POST['loginPasswort'];								 
					$_login_Query = mysql_query("SELECT * FROM `Benutzer` WHERE `Benutzername` = '$_Benutzername' AND `Passwort` = '$_Passwort' LIMIT 1");
					$_Result=mysql_num_rows($_login_Query);
					if($_Result > 0) echo 'Eingeloggt!';
					else echo 'Der Benutzername oder das Passwort ist falsch!';
				}
				else
				{
					header("Location: #modal-container-Login");
				}
				?>
			</div>
		</div>					
	</div>
</div>
<!--[ endOfModal: Login-Check ] -->

Alles anzeigen

Edgar · 8. Juni 2014

Hmm, ich sehe direkt nichts, liegt's an mir?

Könntest du eine Liveansich einrichten?

Edgar · 8. Juni 2014

Jetzt verstehe ich, sag doch, dass die Daten ohne reload der Seite übertragen werden sollen.
Das klappt mit PHP an sich nicht, dazu benötigst du Javascript/Jquery/Ajax.

Parad0x0n · 8. Juni 2014

Oh
Könntest du mir das anhand eines Beispiele erklären bzw. näher bringen ?