Javascript AJAX input value by OnChange submitten

  • Ich hab ein INPUT feld in einer FORM und will beim OnChange Event den Wert an den Server schicken und dort speichern.

    Bisher wird beim OnChange Event der Wert an den Server geschickt und beim Client die Seite dann neu geladen, genau dass soll aber nicht passieren (also das neu laden) sondern der Wert soll an den Server geschickt werden ohne neuladen der Seite beim User.

    Jemand Tips wie das gemacht wird?


    donge

    david

    I like Toast!

  • Es gibt auch Atlas, aber eben das hab ich mit "fett" gemeint Auch wenns natürlich praktisch ist, aber zum einfachen Speichern bei einem einzelnen Event, isses fast ein bischen übertrieben. Da find ich das von seHaas gepostete Prototype angebrachter.

  • will das eine AJAX beispiel ausführen und komm drauf dass eigentlich nirgends beschrieben steht wie die serverseite aussehen soll.

    konkret häng ich hier

    http://www.sergiopereira.com/articles/proto…singAjaxRequest

    Hab das beispiel ausprobieren wollen und einfach url auf ne ajax.php site mit inhalt

    gesetzt.

    kommt aber nüscht.

    david

    I like Toast!

  • ich weiß zwar nicht was du genau für daten vom request zurückbekommst aber es gibt da noch eine nette sache, damit man die daten gleich als javascript-datenstruktur hat und nicht er parsen muss, nur man schickt dann halt kein xml (was ja auch net zwingend ist beim ajax):
    http://de.wikipedia.org/wiki/JSON
    http://www.json.org
    bzw hier steht genau beschrieben wie mans verwendet: http://particletree.com/features/prelo…-ajax-and-json/

    mfg seHaas

  • hoi

    also ich hab mittlerweile schon einiges weitergebracht, eines ist mir allerdings noch ein bissl ein rätsel.

    ich will ein image per ajax hochladen, sprich:

    - User klickt nen Knopf bekommt ein Dateiauswahlfeld und wählt ne Datei aus
    - dann drückt er submit
    - datei wird hochgeladen und wenn fertig ...

    nur mit dem Ajax Object in prototype.js kann ich wies scheint nur parameter übergeben, oder?

    Jemand Tipps?

    david


    [edit] hum was ich so lese geht das ned mit ajax :(

    http://www.digg.com/programming/Use_Ajax_To_Upload_Files

    I like Toast!

  • Ich weiß, steht auch in meinem Link.

    Aber sind iframes nicht ganz pöse Purschen und im guten Stil sollte man sie nicht verwenden?

    Habe auch noch ne weitere Frage.

    Ich verwende unter anderem den FCKeditor (http://www.fckeditor.net) und binde diesen mit der Javascript Variante ein. Dabei tritt folgendes Problem auf, dass man das Skript im <HEAD> einbinden muss.

    Wenn ich das nicht tue (in meinem Fall schicke ich den ganzen Javasctript code zur "Laufzeit" mit einem AJAX Request nach und validiere diesen dann und führe ihn aus), dann ladet und ladet er wenn ich eine Instanz des FCKeditors erstellen möchte.

    Sprich er hört nicht mehr zu laden auf.

    Nicht sehr anschaulich was? Ich schreib schnell ein Beispiel.

    In Version 1 wird sowohl die Einbindung von fckeditor.js als auch die Objektinstantiierung erst durch den Ajax Request vorgenommen.

    In Version 2 wird der Editor gleich auf der Startseite geladen, alles bestens. (kein AJAX)

    In Version 3 wird fckeditor.js im HEAD tag eingebunden und das Objekt erst durch einen AJAX Request instantiiert.

    david

    ps: ach ja, danke für die bisherige Hilfe seHaas :)

    I like Toast!

  • ich kenn nen fckeditor nicht, aber mir ist beim ersten was aufgefallen:
    wenn ich im ff auf "edit article" clicke bekomm ich folgenden javascript error:

    Code
    Fehler: FCKeditor is not defined
    Quelldatei: http://www.unet.univie.ac.at/~a9926432/php/fm5/script/prototype/prototype.js
    Zeile: 249

    ich glaub er evaluiert den code bevor er ihn ins result schreibt und vllt kann die eval function nix mit der anweisung anfangen:

    Code
    <script type="text/javascript" src="./FCKeditor/fckeditor.js"></script>


    und die sache wegen den iframes, das is so eine ansichtssache, ich glaub normal wird davon abgeraten. nur wird ja eigentlich auch von javascript-sachen und so mit auch ajax abgeraten, weil man leute aussperrt - die die kein js laufen habe ;) bzw wegen dem "barriere-freiem-surfen" usw.
    ich persönlich seh das nicht so eng, hauptsache es funktioniert mit den gängigen browsern.

  • hum wieso bekomm ich den javascript fehler nicht und du schon, hab

    Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

    david

    ps:
    beim installieren vom firefox gibts so ne frage ob man irgendein developertool auch installieren will, hab damals nein gesagt aber nun wäre es vielleicht sinnvoll, ob man das wohl nachträglich installieren kann.

    I like Toast!

  • echt nettes Tools, Danke.

    Aber den DOM Bau (DOM Inspector) kann ich dennoch nicht starten, es kommt einfach nichts.

    Kann es sein dass der nicht installiert ist? Wie gesagt beim allerersten installieren hab ich irgendwo ein Kasterl nicht angehakt und ich glaub das war das Teil.

    Muss doch irgendwie nachträglich zum installieren gehen. (bei den plugins hab ichs jedenfalls ned gefunden)

    david

    Zitat

    DOM Inspector is included with the Firefox installation program, but depending on your platform, it may not installed by default. If you don't see DOM Inspector in the Tools menu, you will need to re-install Firefox to get DOM Inspector. This will not affect your existing bookmarks, preferences, extensions, or user scripts.

    Blah :/

    So nun gehts war ned so ein Malheur aber dennoch gut dass ich gesudert hab. :)

    I like Toast!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!