/ / FancyBox PHP formulár predložiť problém - php, javascript, jquery, fancybox

FancyBox PHP formulár predložiť problém - php, javascript, jquery, fancybox

Dobre, takže som mal problém minulostištyri dni a pred pár hodinami som si asi vyriešila časť z nej (príklad č. 5 fancyboxu na ich stránkach sa zdá byť niečo, čo chcem), ale nemôžem dostať žiadnu časť práce.

    <?  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>

Takisto som použil funkciu javascript nižšie a nakoniec som to rád pracoval vo vyššie uvedenom kóde, ale nemôžem dostať to vyššie, aby fungovalo správne.To jednoducho nič neurobí Firebug tiež hlási žiadne chyby.

<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>

Takže každá pomoc by bola ocenená. Prosím, povedzte mi, čo robím zle.

odpovede:

0 pre odpoveď č. 1

Demonštrácia tu pracoval na vyriešení problému. Vytvoril to ďalší problém, ale to je ďalšia otázka. Verím, že to bolo tvoje demo, JFK, tak ďakujem.


-1 pre odpoveď č. 2
$.ajax({
type    : "POST",
cache   : false,
url     : "downTime.php?page=ajax",
data    : $(this).serializeArray(),
success : function(data) {

Namiesto:

            $.fancybox(data);

vyskúšať

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

}
});

Kde je fancyboxdiv názov vášho prvku, ktorý je umiestnený v krabičke.

Zmeníte ostatné funkcie

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

atď.. Väčšina komponentov JQuery UI vyžaduje prvok, ktorý má pracovať ako jeho rodič, a zvyčajne ho upraví tak, že pridáva / odoberá prvky a mení CSS, aby poskytol vzhľad, ktorý je potrebný