Dynamisches laden Ajax + Form verschicken

starchild · 17.02.2011, 13:03

Hallo liebe Member von Php.de,

ich lade mit folgendem Code meine documente dynamisch in eine index.php.

PHP-Code:

   
$(document).ready(function()

{

 
   $("#navigation a").click(function()

   {

 
    var pageToLoad = $(this).attr("href");

 
    var pageContent;

 

 
    $.get(pageToLoad, function(data)

    {

 
       pageContent=data;

 

 
       $("#stat").fadeOut("slow", function()

       {

    

        $("#stat").html(pageContent);

 
        $("#stat").fadeIn("slow");

 
       });

    });

 

 
    return false;

});

});

 
 
 
 
    

 
 
 
$(document).ready(function()

{

 
   $("#nav a").click(function()

   {

 
    var pageToLoad = $(this).attr("href");

 
    var pageContent;

 
 
    $.get(pageToLoad, function(data)

    {

 
       pageContent=data;

 $("#con") .html('<center><div style="margin-top:5px;background-image:url(../load.png);background-repeat:no-repeat;  width:460px; height:225px;"><br><font style="font-size:14px; font-weight:bolder;" color="#d69c63">Inhalt wird geladen</font><br><br><br><br><br><br><br><img src="status_load.gif" alt ="Status wird geladen"></center>')

 
       $("#con").fadeOut("slow", function()

       {

    

        $("#con").html(pageContent);

 
        $("#con").fadeIn("slow");

 
       });

    });

 

 
    return false;

});

});

 
 
 
 
 
 
 
 
$(document).ready(function()

{

 
   $("#nenews a").click(function()

   {

 
    var pageToLoad = $(this).attr("href");

 
    var pageContent;

 
 
    $.get(pageToLoad, function(data)

    {

 
       pageContent=data;

 $("#nenewscont") .html('<center><div style="margin-top:5px;background-image:url(../load.png);background-repeat:no-repeat;  width:460px; height:225px;"><br><font style="font-size:14px; font-weight:bolder;" color="#d69c63">Inhalt wird geladen</font><br><br><br><br><br><br><br><img src="status_load.gif" alt ="Status wird geladen"></center>')

 
       $("#nenewscont").fadeOut("slow", function()

       {

    

        $("#nenewscont").html(pageContent);

 
        $("#nenewscont").fadeIn("slow");

 
       });

    });

 

 
    return false;

});

});

das klappt auch ganz gut
nun habe ich ein dokument ,,regi.php" das Dynamisch in die index.php geladen wird und eine Form beeinhaltet.

So ich möchte jetzt bei Form abschickung das natürlich auch die nächste Seite (die gleiche nochmal da dort auch php seitig alles liegt und das per if($_POST['sf]) etc. annimmt)...

dynamisch geladen wird indem dann steht ,, account erfolgreich erstellt"...nur das klappt nicht

habe versucht per:

PHP-Code:

  <div id="nav"><a href='pages/regi.php' onclick="document.formular.submit();">absenden</a></div>

das ganze zu verschicken..dann lädt er die seite auch dynamisch aber übergibt keine values der inputs.

hier mein gesamter code...

PHP-Code:

 
<script type="text/javascript" src="scripts/jquery-1.4.4.min.js"></script>

<script type="text/javascript" src="scripts/ajax.js"></script>

<script type="text/javascript" src="scripts/jcarousellite_1.0.1.js"></script>

<script type="text/javascript" src="scripts/jquery.easing.1.1.js"></script>

<script>

function absenden()

{

    document.nerd.submit();

}

</script>

 
<div class="cont_n"><br><br>

<font style="font-size:14px; font-weight:bolder;" color="#d69c63">REGISTRIERUNG</font>

<div style="margin-top:60px;margin-left:20px;">

<form name='nerd' method='post' id='login1' action='pages/regi.php'>

<table>

<tr>

<td>Account:</td><td><input class="bar" value=""  type="text" name="accid" />*</td><td style="font-size:10px;">min. 3 und max. 16 Zeichen</td>

</tr>

<tr>

<td>Passwort:</td><td><input class="bar" value=""  type="password" name="passwort" />*</td><td style="font-size:10px;">min. 5 Zeichen</td>

</tr>

<tr>

<td>Wiederholen:</td><td><input class="bar" value=""  type="password" name="passwort2" />*</td><td style="font-size:10px;">min. 3 und max. 16 Zeichen</td>

</tr>

<tr>

<td>Email:</td><td><input class="bar" value=""  type="text" name="email" />*</td><td style="font-size:10px;">eine g&uuml;ltige Email!</td>

</tr>

<tr>

<td>L&ouml;schcode:</td><td><input class="bar" value=""  type="text" name="code" />*</td><td></td>

</tr>

<tr><td><b>Auslandsschutzfrage:</b></td><td>Vronmae vno usnrere Bnudseknazelrin?</td></tr>

<tr><td>Antwort:</td><td><input class="bar" type='text' value='' size="39" name='sf'>*</td></tr>

<tr>

<td><div id="nav"><a href='pages/regi.php' onclick="document.formular.submit();">absenden</a></div></td>

</tr>

</table>

</form>

<?php

        

        

        if($_POST['sf'] =='angela' OR $_POST['sf'] =='Angela' ) {

        $accid = mysql_real_escape_string($_POST['accid']);

        $passwort = mysql_real_escape_string($_POST['passwort']);

        $passwort2 = mysql_real_escape_string($_POST['passwort2']);

        $email = mysql_real_escape_string($_POST['email']);

        $code = mysql_real_escape_string($_POST['code']);

        $question = mysql_real_escape_string($_POST['question']);

        $answer1 = mysql_real_escape_string($_POST['answer1']);

        $answer2 = mysql_real_escape_string($_POST['answer2']);

        

    

    

 
    }

    

    ?>

<p>

</div>

</div>

wenn mir einer helfen könnte wäre da echt super =)

VG

ST4R

ChrisB · 17.02.2011, 13:44

Zitat:

Zitat von starchild

habe versucht per:

PHP-Code:

  <div id="nav"><a href='pages/regi.php' onclick="document.formular.submit();">absenden</a></div>

das ganze zu verschicken..dann lädt er die seite auch dynamisch aber übergibt keine values der inputs.

Du solltest dich schon entscheiden, ob du ein Formular abschicken, oder eine andere Seite per GET laden willst ...

starchild · 17.02.2011, 14:41

Zitat:

Zitat von ChrisB

Du solltest dich schon entscheiden, ob du ein Formular abschicken, oder eine andere Seite per GET laden willst ...

sry ich versteh net ganz :S bin ein Anfänger..

ChrisB · 17.02.2011, 14:50

Dann solltest du vielleicht auf AJAX verzichten, so lange dir grundlegende Zusammenhänge noch nicht klar sind.

AJAX in den Händen von Anfängern, die damit nicht umzugehen wissen, ist ähnlich problematisch, wie der Einsatz von Frames.
Weil's der neueste Hype ist (na ja, inzwischen nicht mehr wirklich der neueste), stürzen sich alle drauf, egal ob sie es sinnvoll einzusetzen wissen, oder nicht.

starchild · 17.02.2011, 15:01

Zitat:

Zitat von ChrisB

Dann solltest du vielleicht auf AJAX verzichten, so lange dir grundlegende Zusammenhänge noch nicht klar sind.

AJAX in den Händen von Anfängern, die damit nicht umzugehen wissen, ist ähnlich problematisch, wie der Einsatz von Frames.
Weil's der neueste Hype ist (na ja, inzwischen nicht mehr wirklich der neueste), stürzen sich alle drauf, egal ob sie es sinnvoll einzusetzen wissen, oder nicht.

Scheinst ziemlich eingebildet zu sein...Darum frage ich doch hier...weil ich es LERNEN will. Also bitte....

Problem besteht immernoch..hat jemand ne idee..tipp..

ChrisB · 17.02.2011, 15:12

Zitat:

Zitat von starchild

Scheinst ziemlich eingebildet zu sein...

Ich halte es für ziemlich arrogant/eingebildet, wenn man Techniken einsetzen will, ohne sich mit den nötigen Grundlagen zu beschäftigen ...

Zitat:

Darum frage ich doch hier...weil ich es LERNEN will. Also bitte....

Und deshalb habe ich dir auch geantwortet und dich darauf hingewiesen, wo das ganz grundsätzliche Problem bei deinem gezeigten Code liegt.

Wenn dir aber noch so sehr das Grundlagenwissen fehlt, dass du mit dieser Antwort nicht das geringste anzufangen weißt - dann lautet mein Ratschlag nur noch, bitte beschäftige dich damit erst mal.

„Lernen“ muss/sollte übrigens nicht bedeuten, andere mit Fragen zu löchern, so lange bis sie das Problem für einen lösen. Sondern im Gegenteil, es sollte in erster Linie bedeuten, dass man sich selbst Wissen über die Grundlagen der verwendeten Techniken anliest.
Es ist zwar bequem, sich von irgendwelchen JavaScript-Frameworks die Arbeit weitestgehend abnehmen zu lassen - aber wenn das nötige Basis-Knowhow fehlt, kommt man damit auch nicht weit.

starchild · 17.02.2011, 15:53

Zitat:

Zitat von ChrisB

Ich halte es für ziemlich arrogant/eingebildet, wenn man Techniken einsetzen will, ohne sich mit den nötigen Grundlagen zu beschäftigen ...

Und deshalb habe ich dir auch geantwortet und dich darauf hingewiesen, wo das ganz grundsätzliche Problem bei deinem gezeigten Code liegt.

Wenn dir aber noch so sehr das Grundlagenwissen fehlt, dass du mit dieser Antwort nicht das geringste anzufangen weißt - dann lautet mein Ratschlag nur noch, bitte beschäftige dich damit erst mal.

„Lernen“ muss/sollte übrigens nicht bedeuten, andere mit Fragen zu löchern, so lange bis sie das Problem für einen lösen. Sondern im Gegenteil, es sollte in erster Linie bedeuten, dass man sich selbst Wissen über die Grundlagen der verwendeten Techniken anliest.
Es ist zwar bequem, sich von irgendwelchen JavaScript-Frameworks die Arbeit weitestgehend abnehmen zu lassen - aber wenn das nötige Basis-Knowhow fehlt, kommt man damit auch nicht weit.

Da haben wirs wieder...wo ist denn da bitte ne GET?

Und von wegen löchern...habe eine Frage gestellt...

ChrisB · 17.02.2011, 16:01

Zitat:

Zitat von starchild

Da haben wirs wieder...wo ist denn da bitte ne GET?

Nein, da haben wir's immer noch - du weißt offenbar nicht mal, was dein eigener Code macht.

Zitat:

PHP-Code:

  $(document).ready(function() 

{ 

 
   $("#nav a").click(function() 

   {

Was machst du denn in der Funktion, die du dem Link, der dein Formular abschicken soll, hier als click-Handler verpasst - na ...?

lstegelitz · 17.02.2011, 16:01

Zitat:

Zitat von ChrisB

„Lernen“ muss/sollte übrigens nicht bedeuten, andere mit Fragen zu löchern, so lange bis sie das Problem für einen lösen. Sondern im Gegenteil, es sollte in erster Linie bedeuten, dass man sich selbst Wissen über die Grundlagen der verwendeten Techniken anliest.
Es ist zwar bequem, sich von irgendwelchen JavaScript-Frameworks die Arbeit weitestgehend abnehmen zu lassen - aber wenn das nötige Basis-Knowhow fehlt, kommt man damit auch nicht weit.

Was sich dann in Form von solchen Postings äußert:

Zitat:

Zitat von starchild

sry ich versteh net ganz :S bin ein Anfänger..

@starchild: Das soll kein Angriff auf deine Person werden. Fachbezogene Diskussion erfordern nun mal von allen Seiten die entsprechende Qualifikation... ich stell mich schliesslich auch nicht auf einen Ärztekongreß für Herzmedizin und löchere die Doktoren, sie mögen mir die Bypass Operation doch nochmal genau erklären, ich komme nicht über das Öffnen des Brustkastens hinaus bevor der Patient verstirbt...

starchild · 18.02.2011, 09:46

Zitat:

Zitat von ChrisB

Nein, da haben wir's immer noch - du weißt offenbar nicht mal, was dein eigener Code macht.

Was machst du denn in der Funktion, die du dem Link, der dein Formular abschicken soll, hier als click-Handler verpasst - na ...?

warum nicht gleich so

...xD

gut habs gelöst

danke dir

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Kontaktformular Problem ....	root-2k10	PHP Einsteiger	5	16.03.2011 08:15
Durch AJAX die seite gar nicht mehr neu laden???	luks2com	PHP Tipps 2010	12	01.08.2010 18:08
Ajax - Dynamic Content mit JS in DIV laden	nickBee	HTML, Usability und Barrierefreiheit	8	30.07.2010 14:46
[Erledigt] Seite mit Ajax in div laden und JS ausführen	themonk	JavaScript, Ajax und mehr	8	07.07.2010 18:08
Ajax Anwendung, reines Ajax oder Ajax und Html	jackie1983	JavaScript, Ajax und mehr	5	09.02.2010 16:50
dynamisches laden ..aber wie genau!	DanteThomas	PHP Tipps 2009	9	01.05.2009 02:05
[Erledigt] Datei via Ajax in zwei Boxen laden	Lenni.B	JavaScript, Ajax und mehr	4	25.02.2009 11:28
form action in include datei bei ajax	Jojo_44	JavaScript, Ajax und mehr	17	24.01.2009 18:12
[Erledigt] Dynamisches Menu (ewiges laden...)	webproger	PHP Tipps 2008	0	02.12.2008 12:27
mit ajax captcha neu laden und generieren	jjackisc	PHP-Fortgeschrittene	10	10.08.2007 15:41

17.02.2011, 13:03
starchild Neuer Benutzer Registriert seit: 17.02.2011 Beiträge: 5 PHP-Kenntnisse: Anfänger	Dynamisches laden Ajax + Form verschicken Hallo liebe Member von Php.de, ich lade mit folgendem Code meine documente dynamisch in eine index.php. PHP-Code: $(document).ready(function() { $("#navigation a").click(function() { var pageToLoad = $(this).attr("href"); var pageContent; $.get(pageToLoad, function(data) { pageContent=data; $("#stat").fadeOut("slow", function() { $("#stat").html(pageContent); $("#stat").fadeIn("slow"); }); }); return false; }); }); $(document).ready(function() { $("#nav a").click(function() { var pageToLoad = $(this).attr("href"); var pageContent; $.get(pageToLoad, function(data) { pageContent=data; $("#con") .html('<center><div style="margin-top:5px;background-image:url(../load.png);background-repeat:no-repeat; width:460px; height:225px;"><br><font style="font-size:14px; font-weight:bolder;" color="#d69c63">Inhalt wird geladen</font><br><br><br><br><br><br><br><img src="status_load.gif" alt ="Status wird geladen"></center>') $("#con").fadeOut("slow", function() { $("#con").html(pageContent); $("#con").fadeIn("slow"); }); }); return false; }); }); $(document).ready(function() { $("#nenews a").click(function() { var pageToLoad = $(this).attr("href"); var pageContent; $.get(pageToLoad, function(data) { pageContent=data; $("#nenewscont") .html('<center><div style="margin-top:5px;background-image:url(../load.png);background-repeat:no-repeat; width:460px; height:225px;"><br><font style="font-size:14px; font-weight:bolder;" color="#d69c63">Inhalt wird geladen</font><br><br><br><br><br><br><br><img src="status_load.gif" alt ="Status wird geladen"></center>') $("#nenewscont").fadeOut("slow", function() { $("#nenewscont").html(pageContent); $("#nenewscont").fadeIn("slow"); }); }); return false; }); }); das klappt auch ganz gut nun habe ich ein dokument ,,regi.php" das Dynamisch in die index.php geladen wird und eine Form beeinhaltet. So ich möchte jetzt bei Form abschickung das natürlich auch die nächste Seite (die gleiche nochmal da dort auch php seitig alles liegt und das per if($_POST['sf]) etc. annimmt)... dynamisch geladen wird indem dann steht ,, account erfolgreich erstellt"...nur das klappt nicht habe versucht per: PHP-Code: `<div id="nav"><a href='pages/regi.php' onclick="document.formular.submit();">absenden</a></div>` das ganze zu verschicken..dann lädt er die seite auch dynamisch aber übergibt keine values der inputs. hier mein gesamter code... PHP-Code: <script type="text/javascript" src="scripts/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="scripts/ajax.js"></script> <script type="text/javascript" src="scripts/jcarousellite_1.0.1.js"></script> <script type="text/javascript" src="scripts/jquery.easing.1.1.js"></script> <script> function absenden() { document.nerd.submit(); } </script> <div class="cont_n"><br><br> <font style="font-size:14px; font-weight:bolder;" color="#d69c63">REGISTRIERUNG</font> <div style="margin-top:60px;margin-left:20px;"> <form name='nerd' method='post' id='login1' action='pages/regi.php'> <table> <tr> <td>Account:</td><td><input class="bar" value="" type="text" name="accid" /></td><td style="font-size:10px;">min. 3 und max. 16 Zeichen</td> </tr> <tr> <td>Passwort:</td><td><input class="bar" value="" type="password" name="passwort" /></td><td style="font-size:10px;">min. 5 Zeichen</td> </tr> <tr> <td>Wiederholen:</td><td><input class="bar" value="" type="password" name="passwort2" /></td><td style="font-size:10px;">min. 3 und max. 16 Zeichen</td> </tr> <tr> <td>Email:</td><td><input class="bar" value="" type="text" name="email" /></td><td style="font-size:10px;">eine gültige Email!</td> </tr> <tr> <td>Löschcode:</td><td><input class="bar" value="" type="text" name="code" /></td><td></td> </tr> <tr><td><b>Auslandsschutzfrage:</b></td><td>Vronmae vno usnrere Bnudseknazelrin?</td></tr> <tr><td>Antwort:</td><td><input class="bar" type='text' value='' size="39" name='sf'></td></tr> <tr> <td><div id="nav"><a href='pages/regi.php' onclick="document.formular.submit();">absenden</a></div></td> </tr> </table> </form> <?php if($_POST['sf'] =='angela' OR $_POST['sf'] =='Angela' ) { $accid = mysql_real_escape_string($_POST['accid']); $passwort = mysql_real_escape_string($_POST['passwort']); $passwort2 = mysql_real_escape_string($_POST['passwort2']); $email = mysql_real_escape_string($_POST['email']); $code = mysql_real_escape_string($_POST['code']); $question = mysql_real_escape_string($_POST['question']); $answer1 = mysql_real_escape_string($_POST['answer1']); $answer2 = mysql_real_escape_string($_POST['answer2']); } ?> <p> </div> </div> wenn mir einer helfen könnte wäre da echt super =) VG ST4R


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

17.02.2011, 14:50
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Dann solltest du vielleicht auf AJAX verzichten, so lange dir grundlegende Zusammenhänge noch nicht klar sind. AJAX in den Händen von Anfängern, die damit nicht umzugehen wissen, ist ähnlich problematisch, wie der Einsatz von Frames. Weil's der neueste Hype ist (na ja, inzwischen nicht mehr wirklich der neueste), stürzen sich alle drauf, egal ob sie es sinnvoll einzusetzen wissen, oder nicht. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?