/ / FancyBox PHP Formular senden Problem - PHP, Javascript, Jquery, fancybox

FancyBox PHP Formular einreichen Problem - PHP, Javascript, Jquery, Fancybox

Okay, ich habe ein Problem für die VergangenheitVor vier Tagen, und vor ein paar Stunden, habe ich vielleicht einen Teil davon gelöst (fancybox Beispiel # 5, auf ihrer Seite, scheint etwas zu sein, was ich will), aber ich kann keinen Teil davon zum Funktionieren bringen.

    <?  if($_GET["page"] != "startTime"){ ?>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/./fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="/./fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="/./fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("#startTime").fancybox({
"padding"       : 0,
"scrolling"     : "no",
"titleShow"     : false,
"onClosed"      : function() {
$("#login_error").hide();}
})
});
$("#startTimeForm").bind("submit", function() {
if ($("#year").val().length < 4) {
$("#login_error").show();
$.fancybox.resize();
return false;
}
$.fancybox.showActivity();
$.ajax({
type    : "POST",
cache   : false,
url     : "downTime.php?page=ajax",
data    : $(this).serializeArray(),
success : function(data) {
$.fancybox(data);
}
});
return false;
});
</script>
<? } ?>
<? if($_GET["page"] == "ajax"){
var_dump($_POST); } ?>
<? if($_GET["page"] == "startTime"){?>
<div style="width:250px" class="new">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="new">
<tr>
<form id="startTimeForm" method=post>
<p id="login_error">Please, enter data</p>
<tr>
<td>Enter Year</td>
<td><input class="czas" id="sec" name="year" type="text" size="5" maxlength="5" value="00" /></td></tr>
<tr>
<td colspan="2" align="center"><br /><input class="czas" type="submit" name="newTime" value="Set Start Time" /></td></tr>
</form>

Ich hatte auch eine JavaScript-Funktion unten verwendet, und ich würde schließlich mögen, dass in dem obigen Code zu arbeiten, aber ich kann das oben genannte nicht richtig funktionieren. Es tut einfach nichts. Firebug meldet auch keine Fehler.

<script>
function closeFB() {
<? $unix = mktime(0, 0, 0, 1, 1, $_POST["year"]); ?>
$("#startTimeDiv").html("<div id="message"></div>");
$("#message").html("<p>Contact Form Submitted!</p>")
.append("<p>We will be in touch soon.<br><? echo $unix; ?></p>");
$.fancybox.close();
}
</script>

Also, jede Hilfe wäre willkommen. Bitte sag mir, was ich falsch mache.

Antworten:

0 für die Antwort № 1

Die Demonstration Hier arbeitete, um das Problem zu lösen. Es schuf ein anderes Problem, aber das ist für eine andere Frage. Ich glaube, das war dein Demo, JFK, also danke.


-1 für die Antwort № 2
$.ajax({
type    : "POST",
cache   : false,
url     : "downTime.php?page=ajax",
data    : $(this).serializeArray(),
success : function(data) {

Anstatt von:

            $.fancybox(data);

Versuchen

            $("#fancyboxdiv").fancybox(data);

}
});

Dabei steht fancyboxdiv für den Namen Ihres Elements, das die fancybox hostet.

Sie werden die anderen Funktionen zu ändern

$("#fancyboxdiv").fancybox().close()

etc.. Die meisten JQuery-UI-Komponenten erfordern ein Element, das als übergeordnetes Element fungiert, und es ändert normalerweise das Element, indem Elemente hinzugefügt / entfernt werden und CSS geändert wird, um die erforderliche Darstellung zu erhalten