JavaScript/Jquery Animation

[tobmes]

Hi Martin, oh sorry für das falsche syntax-highliting. Ja, mit der Prüfung der Daten bin ich mir bewusst, habe ich aber noch nicht ganz implementiert. Hier jetzt nochmal die andren Codes:

Hier soll dann die Fehlermeldung eingeblendet werden:

<p id="test"></p>

Und so erzeuge ich die Nachrichten für Erfolg/Fehler

function checkIsSet() {
    //alert("test");
    var strFehler = '';
    if (document.forms[0].artikel.value == "1") {
        strFehler += "Feld Artikel ist leer\n";
        document.forms[0].artikel.style.backgroundColor = "#ff9980";
    }
    if (document.forms[0].menge.value == "") {
        //todo auf Zahlen überprüfen
        strFehler += "Feld Menge ist leer\n";
        document.forms[0].menge.style.backgroundColor = "#ff9980";
    }
    if (document.forms[0].lagerort.value == "1") {
        strFehler += "Bitte ein Lagerort wählen\n";
        document.forms[0].lagerort.style.backgroundColor = "#ff9980";
    }
    if (strFehler.length > 0) {
        //alert("Es sind folgende Fehler aufgetreten: \n"+strFehler);

        if (!fail()) {
            return false;
        }

    }
    if (ok()) {
        return true;
    }
    //return true;
}

function fail() {
    var fail = $("<p/>", {
        html: "Es ist ein Fehler aufgetreten",
        "class": "alert"
    });
    fail.appendTo("#test").fadeIn("slow").fadeOut(3000);
    return false;
}

function ok() {
$(document).ready(function(){
  var ok = $("<p/>", {
      html: "Daten erfolgreich gespeichert",
      "class": "allRight"
  });
  ok.appendTo("#test").fadeIn("slow");
  setTimeout(function(){ok.fadeOut("slow");},3000);
  
});

    return true;
}

Die Lösung muss also sein, den Hinweistext (Erfolg/Fehler) nicht vor dem Formularversand zu erzeugen, sondern serverseitig beim Verarbeiten der Daten in das neue Dokument einzubauen.

Bin mir jetzt grad nicht so sicher, wie ich das machen soll. Stehe gerade etwas auf dem Schlauch