私はこのプロジェクトに取り組んでおり、ユーザーが情報を入力できるシンプルなサイトを作成し、別のページに同じ情報が表示されるようにしています。
JQuery を使用してページを更新し、新しいコンテンツをロードし、MySQL を使用して情報を保存し、PHP を使用してその情報を挿入および取得しています。
私が今抱えている問題は、Javascript を使用してページと .fadeIn データを更新していることですが、現在はすべてのデータがフェードアウトしてフェードインしているだけです。私がやりたいことは、現在のデータを同じに保ち、新しいデータのみをフェードインすることです。
これが私のJQuery関数です：
<script type="text/javascript">
$(document).ready(function() {
var refreshId = setInterval(function() {
$("#responsecontainer").fadeOut('fast').load('output.php');
}, 3000);
$.ajaxSetup({ cache: false });
});
</script>
「output.php」と呼ばれる私のPHPは次のとおりです。
<?php include_once('db_connect.php'); ?>
<?php include_once('input.php'); ?>
<?php
//query the database
$query = mysql_query("SELECT * FROM notes ORDER BY ID DESC");
//fetch the results / convert results into an array
while($rows = mysql_fetch_array($query)):
$title = $rows['notestitle'];
$text = $rows['notestext'];
?>
<div id="title">
<h1><?php echo "$title<br>"; ?></h1>
</div>
<div id="text">
<h2><?php echo "$text<br>"; ?></h2>
</div>
<?php endwhile; ?>
そして、情報を表示しているページのコードは次のとおりです。
<?php include_once('db_connect.php'); ?>
<?php include_once('input.php'); ?>
<div id="header"></div>
<div id="responsecontainer">
<?php include_once('output.php'); ?>
</div>
他に何か提供する必要がある場合、または不明な点がある場合はお知らせください。
御時間ありがとうございます。