Interaktives 'Popup'

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Mahjong, 18. April 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 18. April 2008
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Hi,

    Ich brauche mal ein paar Tipps/Hinweise zur Realisierung einer Funktion.
    Ich möchte eine Art Popup (Layer) bauen, welches Interaktiv ist.
    Beispiel :
    Klick auf Login, kleines Fenster öffnet sich (Popup / Layer), im Layer kann sich der Benutzer anmelden,
    und die Änderung durch das Login ist auch nur im Fenster/Layer zu sehen.

    Einfache Grafik zur Verdeutlichung (die Wellen im Hintergrund sollen Content darstellen der gleich bleiben soll).
    No File | xup.in

    Das ganze soll Teil eines PHP Projekts werden, sprich bitte keine ASP Lösungen .
    Denke ich muss/werde das ganze per AJAX machen müssen, habe jedoch Probleme damit die neuen
    Informationen (die GET/POST Request z.B. der Form) nur im Layer zu regeln.
     
  2. 20. April 2008
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    AW: Interaktives 'Popup'

    Hey,

    womit genau hast du denn jetzt ein Problem?
    Du hast also ein Button/Link dem per onclick eine js-funktion zugewiesen wird. innerhalb dieser funktion erstellst du nun ein neues objekt, nämlich einen neuen div-container *link1*.
    Der Inhalt ist statisch (name-, passwort-feld und login-button) und kann einfach dem neuen objekt dierekt zugewiesen werden *link2*. hier darfst du nun allerdings keinen form-tag verwenden, da sonst bei einem klick auf "login" die ganze seite neu geladen werden würde. also brauchst du eine zweite js-funktion, die beim anklicken des login-buttons ausgelöst wird und die den login-namen und das login-passwort an den server schicken (hierbei empfehle ich das passwort vorher per js zu hashen *link3* denn wir wollen ja nicht, dass das irgendjemand mitsniffen kann). nun wird das einfachste sein, dass das php-script, dass auswertet ob die login-daten stimmen, dierekt den kompletten neuen inhalt des divs zurückschickt. D.h. den ganzen html-quelltext einer erfolgreichen- oder einer gescheiterten-meldung. anschliessend kannst du dann ja per js in der gleichen funktion noch die session-cookies setzten. wenn der login erfolgreich war, würde ich aber dazu raten, die seite komplett neuzuladen weil du sonst alle menüs/anzeigen der gesamten seite per js auf den eingeloggten zustand ändern müsstest und das ist doch sehr aufwendig.

    Ich hab selber so ein Login-System schon mal per Ayax geschrieben und denke, dass du das als praktisches Beispiel gebrauchen könntest. Es arbeitet halt ohne den Layer aber ich denke zmd mir der ajax-struktur könnte dir schon geholfen sein.

    https://www.xup.in/dl,68197634/login.php/

    Ansonsten is hier nochmal ne allgemeine Einleitung in Ajax:
    http://developer.mozilla.org/de/docs/AJAX:Getting_Started


    Link1) http://de.selfhtml.org/javascript/objekte/document.htm#create_element
    Link2) http://de.selfhtml.org/javascript/objekte/all.htm#inner_html
    Link3) http://aktuell.de.selfhtml.org/artikel/javascript/md5/index.htm

    greez myth
     
  3. 21. April 2008
    AW: Interaktives 'Popup'

    für ajax würde ich prototype empfehlen!

    Code:
    new Ajax.Request(string url, object options);
    Code:
    new Ajax.Request('http://example.com', {
     onSuccess: function(result) {
     alert('done');
     }
    });
     
  4. 23. April 2008
    AW: Interaktives 'Popup'

    Etwas spät die Antwort, aber vielen Dank Habt mir sehr weitergeholfen !
     
  5. 23. April 2008
    AW: Interaktives 'Popup'

    erledigt? > closed
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.