Mit JavaScript Formular nochmal senden!

Eagle1990 · 12.11.2010

Hallo liebe Leute!
Ich bastel gerade mit einem Kollegen an einer kleinen sache und habe nun folgendes Problem: Kann man mit Javascript das Formular einer anderern Datei nochmal senden?
Es sieht so aus: ich habe ein formular(buttons.htm) mit mehreren buttons. je nachdem welchen Button man klickt erscheint in der Zieldatei (tabelle.php) eine andere Tabelle aus einer Datenbank. Jetzt habe ich noch eine formular(neu.php), mit dem man einen neuen Datensatz in die Datenbank schreiben kann. allerdings ist es so, dass wenn man das formular zum neuschreiben abschickt, die tabelle in tabelle.php ja nicht sofort neu geladen wird, also der neue datensatz erst beim nochmaligen klicken auf den richtigen button in buttons.htm erscheint.
kann man irgendwie in neu.php ne funktion hinbasteln, die buttons.htm sagt, dass das formular, das zuletzt gesendet wurde nochmal gesendet werden soll??

ich hoffe das ist halbwegs verständlich... :rolleyes:

Grüße,
Eagle

sokie · 12.11.2010

AW: Mit JavaScript Formular nochmal senden!

wenn du das Formular gar nicht über das standardverhalten des SubmitButtons (return false)versendest und stattdessen Javascript verwendest, kannst du es einrichten, dass zuerst der eintrag in die Datenbank vorgenommen wird, und dann erst die Tabelle in der Seite mit den aktuellen Daten neugeladen werden. (xmlHttpRequest).

Eagle1990 · 12.11.2010

AW: Mit JavaScript Formular nochmal senden!

Danke für die zügige Antwort!

an Request hab ich auch schon gedacht. das hab ich schonmal verwendet allerdings klappts noch nicht so richtig...
Wenn ich das so mache, kann ich also nicht die tabelle erst laden, um zu gucken was drin steht und dann was neues reinschreiben?

Grüße,
Eagle

sokie · 12.11.2010

AW: Mit JavaScript Formular nochmal senden!

natürlich, das ist doch die Idee die dahintersteckt.
jQuery.sheet: Editierbare Tabellen auf Websites - Matthias Schütz

Eagle1990 · 12.11.2010

AW: Mit JavaScript Formular nochmal senden!

hallo!
okay dann versuch ich das mal...
nette geschichte hinter dem link. sowas hab ich auch vor.. nur nicht ganz so funktional.

Grüße,
Eagle

sokie · 12.11.2010

AW: Mit JavaScript Formular nochmal senden!

ich hab auch erst gedacht, dass das etwas 'oversized' wirkt - aber man muss ja nicht alles davon benutzen.

Eagle1990 · 13.11.2010

AW: Mit JavaScript Formular nochmal senden!

mhm..
ich hab mir jetzt mal mootools zugelegt.. da ist ja request mit dabei und auch recht einfach anzuwenden.. klappt nur nicht^^ ich hab das an anderer stelle, nämlich beim löschen button erstmal verwendet bevor ich mein anderes problem löse weil ich glaube, dass es ähnlich is.. hier mal nen paar script auszüge:

PHP:

<html>

<head>
<title></title>
<script type="text/javascript" src="mootools/mootools.js"></script>
</head>
<body>
<script type="text/javascript">

var my_request = new Request({
    url:"loeschen.php",
    method:"post",
    

    })

}

hier soll der request aufgerufen werden:

PHP:

<td width=20>$id<img src='drop.png'; margin='0' title='Löschen' onClick='my_request.send({data:"id=$id"})'></td>

$id wird mit dem formular übertragen, aber auch soweit richtig angezeigt.

Grüße,
Eagle

Doitsu · 13.11.2010

AW: Mit JavaScript Formular nochmal senden!

{
url:"loeschen.php",
method:"post",

}

.. Fehlerhafter Javascript-Code. Welchen Browser benutzt du? Die meisten haben eine Fehlerconsole, da steht sowas dann auch drin.
(Oder hast du aus der Funktion was raus geloescht?)

sokie · 13.11.2010

AW: Mit JavaScript Formular nochmal senden!

das letzte komma ist zuviel. (hinter "post")

Eagle1990 · 13.11.2010

AW: Mit JavaScript Formular nochmal senden!

achjau.. da stand mal data:"id=$id"...
hab das komma jetzt mal rausgelöscht. der Firefox sagt mir: Parse error: syntax error, unexpected T_STRING in C:\xampp\htdocs\test\ergebnis.php on line 53

die zeile ist die mit dem bild und onclick.. wenn ich die " um id=$id wegmache ist der fehler weg aber es tut sich dennoch rein garnichts...

Doitsu · 13.11.2010

AW: Mit JavaScript Formular nochmal senden!

Ich denke mal du musst die " bei {data:"id=$id"} maskieren (backslash)..
Waere also nicht schlecht wenn du ein paar mehr Zeilen Code postest, hatte jetzt nicht drauf geachtet das es in einem PHP-Script liegt.

Eagle1990 · 13.11.2010

AW: Mit JavaScript Formular nochmal senden!

DAS WARS!
vielen dank! es läuft... an das maskieren hatte ich garnicht mehr gedacht... coole sache

ich hab jetzt my_request.send({data:"id=$id"}) in eine js funktion gesetzt.. die maskierung ist ja dann nicht mehr nötig... die funktion heißt senden($id)... und onclick für ich die aus: onclick:senden($id).. aber nichts geschieht..

das ist echt fies...

Eagle1990 · 14.11.2010

AW: Mit JavaScript Formular nochmal senden!

Also ich versteh nichts mehr... das senden des requests soll jetzt mit umweg über ein confirm box gehen...

HTML:

function senden(id){
    if(confirm("Möchten Sie "+id+" wirklich löschen?"));
    
    {
        my_request.send({data:"ID=id"});
        
    }
    
}

id wird richtig übergeben das hab ich schon getestet aber er request wird irgendwie nicht abgeschickt...
hat wer ne idee warum das jetzt nicht mehr geht?

grüße
Eagle

Doitsu · 14.11.2010

AW: Mit JavaScript Formular nochmal senden!

Du sendest die ID nicht als Zahl, sondern nur den String 'id'.

Ansonsten: Wenn man so'ne Sachen macht, immer eine onSuccess-Funktion mit rein schreiben, und sich den Output der PHP-Datei dann in ein div-Container anzeigen lassen. Vor allem in der PHP-Datei dann var_dump($_POST) benutzen.

Eagle1990 · 14.11.2010

Danke für die schnelle Antwort

ich habs jetzt mal so gemacht:

HTML:

function senden(id){
    if(confirm("Möchten Sie "+id+" wirklich löschen?"));
    
    {
        my_request.send({data:"ID=" + id});
        
    }
    
}

ich weiß nicht ob das so gemeint war?
und mit dem onsuccess hab ich nicht ganz verstanden.. ich beschäftige mich erst seit ca. 2 wochen mit php und javascript...

Grüße,
Eagle

sorry für doppelpost, aber es läuft

wollt ich nur mal sagen

jetzt versuch ich mal was damit es die tabelle neu lädt..

Doitsu · 14.11.2010

AW: Mit JavaScript Formular nochmal senden!

Was ich mit onSuccess meine:
Erstmal solltest du das lesen.
Unter dem Punkt 'getHeader' findest du eine kleine Beispiel-Funktion.

Nur musst du es halt so umschreiben, dass er dir den Output von der Datei (responseText) in deinen leeren div-Container schreibt, den du halt irgendwo auf der Seite hinschreibst (praktischer Weise in der naehe vom Submit-Button).

Eagle1990 · 14.11.2010

AW: Mit JavaScript Formular nochmal senden!

Alles klar probier ich mal aus, danke

Eagle1990 · 15.11.2010

AW: Mit JavaScript Formular nochmal senden!

Hallo!
also ich habs hinbekommen die tabelle neu zu laden

allerdings mit folgenden problemen: ich hab einmal die funktion

HTML:

var neu_laden = new Request({
    url:"zutaten.php",
    method:"post"
})



function neuLaden(){
    
    $("Tabelle").innerHTML = neu_laden.response.text;
    
}

das klappt auch schön allerdings zeigt er nicht die ausgewählte tabelle an, sondern die "start-tabelle" die angezeigt wird, bevor man was drückt.. macht ja auch sinn, weil das formular ja nicht nochmal abgeschickt wurde.. ausserdem sind alle umlaute nen "?"...
dann hab ich in der funktion neuLaden die Anweisung durch "location.reload()" ersetzt.. das ist auch sehr fein! da hab ich wenigstens die tabelle richtig und die umlaute auch, also so wie es sein soll! allerdings kommt dieses feld, ob das formular nochmal abgeschickt werden soll... kann man das irgendwie umgehen??

Grüße,
Eagle

Doitsu · 15.11.2010

AW: Mit JavaScript Formular nochmal senden!

Zu den Umlauten: Das liegt daran, dass du entweder verschiedene Charsets benutzt oder doppelt UTF-8.
Dazu macht das ganze AJAX Ding keinen Sinn, wenn du die Seite sowieso neu laden willst. Kann dir aber anhand des bisschen Code auch nicht weiter helfen, waere praktisch wenn du das ganze mal hoch laden koenntest.

Eagle1990 · 16.11.2010

AW: Mit JavaScript Formular nochmal senden!

Hallo

hat sich schon alles geklärt! läuft wunderbar

Danke für die zahlreiche Unterstützung!