PHPでフォーム送信後にjqueryの成功メッセージを表示したいです。次のコードを試しました。しかし、それは現れません。しかし、htmlでコーディングすると動作しますが、送信後ではありません。どうすれば達成できますか?
ここにphpの私のjavascriptコードがあります
<?php
if(isset($_POST['aaa']) and $_POST['aaa']=="Submit"){
echo '<html>
<style type="text/css" media="screen">
<!--
.container {width: 670px; margin: 10px auto;}
.messagebox {background-color: #F5F5F5;padding:5px;margin:10px 0px;border: 1px solid #DBDBDB;}
.errorbox {color:#000;background-color:#ffeded;padding:5px;margin:10px 0px;border:1px solid #f27c7c;}
.confirmbox {background-color:#F2FFDB;color:#151515;border:1px solid #9C6;margin:10px 0px;padding:5px;}
-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script >
<!--
$(document).ready(function() {
$("#messageBox").addClass("messagebox");setTimeout(function(){
$("#messageBox").fadeOut("slow")}, 4000);
});
function messagebox(){
$("#messageBox").removeClass().addClass("confirmbox").html("Item has been saved").fadeIn(2000).fadeOut(4000);
}
function alertbox(){
$("#messageBox").removeClass().addClass("errorbox").html("Oops, there was an error!").fadeIn(2000).fadeOut(4000);
}
-->
messagebox();
</script>
<body>
<div class="messagebox" id="messageBox" style="display:none;"></div>
</body>
</html>';
}
?>