JQuery Dialog ?

html.de-Forum JavaScript
1

Tach’en erst mal ! ! !

Ich suche nach einer Möglichkeit z.B mein Registrierungs Formular in einer Dialogbox al’a JQuery laufen zu lassen. Jedoch habe ich das Problem sobald ich den Submit Button klicke das diese geschlossen wird und die Seite ganz normal im Browser aufgerufen wird.

Mein Ziel ist es (muss nicht zwingend JQuery sein) in einer Dialogbox oder einem Modal eben Formular anzuzeigen und deren Ausgabe eben auch im Dialog anzuzeigen.

Verwende die ganze Zeit Fancybox und da klappte das immer ohne Probleme

Bin für jeden Tipp dankbar :wink:

Gruß und euch allen einen schönen Feiertag und ein schönes Wochenende
Malcom

2

Schau mal nach was in der JavaScript-Fehlerkonsole deines Browsers steht (Alternativ: Firebug).

3

Erst mal vielen Dank für deine Antwort !

Sorry ich hab ganz vergessen zu erwähnen das dies alles über PHP verarbeitet wird :wink:

Hier mal ein banales Testbeispiel

<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Dialog - Animation</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
});
</script>
</head>
<body>
<div id="dialog" title="Basic dialog">
<?php include("test.php");?>
</div>
<button id="opener">Open Dialog</button>
</body>
</html>

und hier die im Dialog geladene Datei

[CODE]<?php

if($_POST[‚check‘]){
echo „aufgerufen“;
}

?>

[/CODE]

und mein Ziel ist halt die Ausgabe im Dialog auszugeben

Malcom

4

Das Bootstrap Modal bietet optionale Eevents, die sich frei belegen lassen.

5

Ach ja, und wenn du keinen sofortigen Reload willst, musst du das Formular per Ajax abschicken.

6

Erst mal Danke für deinen Tipp :wink:

Bootstrap sagt mir was und hab ich mir auch schon angeschaut.

Aber ok Ajax und JS ist so gut wie Neuland für mich. Könntest du darauf etwas genauer eingehen ?

Malcom

7

Also sehe ich das richtig, das in einem Modal oder Dialog egal welcher Art ich um Ajax nicht rumkomme ?

Gruß
Malcom