onclick ersetzen, php Datei enthalten

Ich bin nicht sicher, ob das, was ich versuche zu tun, ist möglich, aber hier ist es.

Ich habe einen header, innerhalb dieser header ist eine php-include für "login.php"

Auf "login.php" ist ein link, der führt den Benutzer zu "forgot.php".

Was ich gerne tun würde, anstelle von dem Benutzer ergriffen werden, um "forgot.php" ist nur die Seite aktualisieren mit "login.php" gehören ersetzt "forgot.php" oder eine Art von Inhalt wechseln, in der Art, wie mit einem Iframe.

Ich will nicht zu bringen, den Benutzer zu einer neuen Seite, ich will nur wechseln die Inhalte angezeigt, in meinem Kopf.

Vielen Dank für jede Hilfe Sie bereitstellen können, code-samples geschätzt.

InformationsquelleAutor webmaster alex l | 2011-10-01
  1. 7

    Wenn Sie versuchen, um dies zu erreichen, ohne die Seite neu zu laden, müssen Sie AJAX verwenden.

    Wenn Sie wollen, nur halten Sie die login.php vielleicht können Sie etwas tun:

    <a href="login.php?p=forgot">link</a>

    mit php so etwas wie

    <?
if ( isset($_GET['p']) && $_GET['p']=="forgot") {
    include('forgot.php');
} else {
    include('login.php');
}
    • Zach L ... you rock 🙂 Nur ändern musste und das kleine bisschen code, aber ist das jetzt genau das tun, was ich wollte...props! Danke an alle für Ihre Hilfe, ich wünschte, ich könnte akzeptieren Sie alle Antworten, wo entlang der gleichen Linien :/
    • Kurze Frage, im hinzufügen von einem link zurück, was wäre die a href tag Aussehen klar die ?p=forgot
    • Jetzt habe ich es <a href="?p=login" denn gemäß der Anweisung oben wird es automatisch ersetzen mit login.php so ist es ein work-around für jetzt
    • mit diesem code können Sie benutzen Sie einfach <a href="login.php"> ohne den query-string
    InformationsquelleAutor Zach Lysobey
  2. 1

    PHP geparst wird, in seiner Gesamtheit, bevor die Seite angezeigt wird im browser eines Benutzers, also Dinge wie onclick() oder onsubmit() werden vorgestellt, die in JavaScript (client-side-Sprache) sind nicht verfügbar in der PHP.

    Es ein paar Lösungen möglich:

    1) AJAX Verwenden, um eine Anfrage an den server, und ersetzen Sie den HTML-content auf der Seite mit dem Ergebnis.

    2) Wie Sie bereits erwähnt, iFrames verwenden.

    3) Haben eine versteckte <div> auf Ihre login.php Seite, enthält der HTML-Code für forgot.php, und verwenden Sie einen einfachen JavaScript - onclick() Methode, tauschen Sie die Seite Inhalt. In diesem Fall, beide "Seiten" eigentlich müssten sich alle in derselben Datei von login.php.

    • Vielleicht gibt es eine andere Art der Darstellung der "forgot.php" mit JS onclick, und versteckt/zeigt ein div mit dem Inhalt
    InformationsquelleAutor Derrick Tucker
  3. 0

    Ich denken kann, zwei Dinge:

    Was ich tun würde, unter der Annahme, dass die Unterschiede zwischen Ihrem login.php und forgot.php nicht zu unterscheiden, weil Sie sich nicht, um die Seite ändern, ist das setzen der html-Code für die forgot.php nur unten der html-Code für die login.php und verstecken die login.php html und zeigen die forgot.php content.

    Beispiel:

    <div id = "login">
    <!-- Login HTML -->
</div>
<div id = "forgot" style = "display:none" >
    <!-- forgot password HTML -->
</div>
<input type="button" value="Forgot Password?" onclick="forgot()" />

    Javascript:

    function forgot(){
    document.getElementById('login').style.display='none';
    document.getElementById('forgot').style.display='block';
}

    Sonst, Sie könnte verwenden Sie einen ajax-Aufruf von der Seite und legen Sie die erforderlichen Elemente. Dies würde eine deutliche pause.

    • Das ist, was ich dachte, wenn Sie sehen, dass mein Kommentar auf Antwort 1. Vielen Dank für den code snippit 🙂
    • Kein problem, hoffe es klappt 😀
    InformationsquelleAutor mowwwalker
  4. 0

    Können Sie nicht ändern Sie die include-Anweisung von javascript, da das Skript bereits ausgeführt wurde, durch die Zeit, sehen Sie Ihre Seite im browser.

    Ajax verwenden, um dinamically ändern Sie den Inhalt der Seite ohne Aktualisierung.
    Wenn Sie jquery-code wäre ziemlich einfach:

    <script type="text/javascript">
$(document).ready(function() {
    $('#link').click(function() {
        $.get('script.php', function(data) {
            $('#divOfContainer').html(data);
        });
    });
});
</script>
<div id="divOfContainer"><!-- the content to be fetched with ajax will be put here --></div>
<a href="#" id="link">Link</a>
    • lucky me ich habe Zugang zu Jquery min
    • Leider weiß ich noch weniger über AJAX dann Mach ich php, lol. Im muddling mein Weg thoguht dieses learning-Projekt.
    • So würde es Aussehen <script type="text/javascript"> $('#link').click(function() { $.get('forgot.php', function(data) { $('#headerdiv').html(data); }); }); </script> <a href="#" id="link">forgot</a>
    • es klingt kompliziert, dann ist es, Vertrauen Sie mir, ich war dort. google einige tutorials und Sie sind auf dem richtigen Weg bald
    • überprüfen Sie heraus mir Antwort aktualisiert
    InformationsquelleAutor Vlad Balmos
Schreibe einen Kommentar