jquery Formular absenden div ausblenden

[Andre267]

Schönen guten Tag,

ich versuche gerade eigentlich ein einfaches jquery Script zurecht zu basteln, aber irgendwie scheitere ich vergebens dran.

$(document).ready(function() {
	$("form").submit(function() {
		$('#showcase').fadeOut('slow');
	});
});

Nach absenden eines Formulars soll einfach nur ein Div ausgeblendet werden (fadeOut) und das wars. ^^
Weiß jemand was ich da falsch mache?

 

[CPoly]

Submit -> POST/GET request an Server -> Seite wird neu aufgerufen/geladen

 

[Andre267]

Kannst du mich oder irgendwer vielleicht koregieren?
Also so das ich den funktionierenden code mal sehe und vielleicht, wenn es keine Umstände macht etwas erläutern?

 

[CPoly]

Nochmal in Worten:

Wenn du ein Formular absendest, wird eine neue Seite aufgerufen, genauso als hättest du auf einen Link geklickt. Dein fadeOut Aufruf ist dann natürlich nicht mehr am laufen.

 

[Andre267]

Okay, und wie geht das was ich versuche mit der Sprache? (Praktisch)

 

[CPoly]

So wie du das vor hast, gar nicht. Wenn die Seite neu geladen wird, gibt es keinen Grund mehr etwas auszublenden.

Was ist denn das Ziel des Ganzen?

 

[Andre267]

Ein Formular nach neu laden der Seite aus zu blenden. Weil man sonst zu viel scrollen muss, was ich versuche zu vermeiden.

 

[CPoly]

Der Server könnte auf der neuen Seite einfach das Formular nicht mitsenden. Wird PHP o.ä. verwendet?

 

[Andre267]

Jop benutze php und geht auch, aber essoll irgendwo auch gut aussehen.

 

[CPoly]

Dann sendet der Server eben genau das fadeOut script auf der neuen Seite.

<?php
    if ($_SERVER['REQUEST_METHOD'] == 'POST') {
?>
<script>
$(function() {
    $('#showcase').fadeOut();
});
</script>
<?php
    }
?>

(ich bin kein PHP Programmierer)

Oder das Formular könnte mittels AJAX abgesendet werden, dann fällt das Neuladen der Seite weg. Aber das wäre dann eine andere Geschichte.