レコードが増えるたび自動で新しいＰａｇｅＩＤが左に追加されるようにする

Question

製作途中のダイアログ

ソースコードを表示

１．ＥＤＩＴをクリックします
２．ＥＤＩＴが開かれたら、新規作成画面が表示されます。
３．データを全て埋めて新規作成ボタンを押します。
４．入力したデータがテーブルのレコードに追加されます。
[実現させたいこと]
５．レコードが増えるたび自動で新しいＰａｇｅＩＤが左に追加されるようにする

一向に解決策が思い浮かばず困っております。どなたかお力を貸して頂けないでしょうか。

Answer 1

前提として、javascript(jQuery含む)を「使わない」ただののHTMLとPHPによるフォームについては作成できる、挙動が理解できるということで問題ありませんか？

もし、その部分がまだでしたらjQueryによるデータのPOSTを行う前にシンプルな形での更新フォームを作成してみてください。

一定期間とは一定の件数もしくはある程度時間がたった時の事でしょうか。

一定期間はパフォーマンスが許す範囲で短い時間、例えば10秒とかにすれば投稿して最大で10秒後には表示が更新されます。

また、10秒ごとに更新することが出来る関数が存在するという事は、
任意のタイミングでその関数を実行することで更新できるということでもあります。

現状、ポップアップウィンドウの中でPOSTしている部分はjavascriptでPOSTしていますよね？

><a href='#' id='t4000_create'>新規作成</a><br><font color='white'><a href='#' id='t4001'>t4001</a></font><br></font></div><div class='new_right' id='section02'><font color='white'><script type='text/javascript'>  
	$("a").click(function(){
									var tid = this.id;
									if(tid)
									{
										$('#section02').load('./test514_t4000_select.php?tid='+tid);
									}
								});

$('#section02').load('./test514_t4000_select.php?tid='+tid);

の後に、サーバから新たにデータを取得するようにして、jQueryで要素を入れ替えれば更新後に要素が差し替わります。

新たに作成しなければいけないサーバサイドのPHPはは
・json形式で最新のデータを表示するスクリプト
となり、jQueryで実装しないといけない関数は
・サーバから取得したjsonをパースしてページIDのリストを書き換える関数
となります。

Comments

[tanat]

http://www.buildinsider.net/web/jqueryref/023
にわかりやすく要素を差し替える方法が書いてあります。
*更新に使っているPHPの出力結果をjsonにしてloadで受け取ればきれいですが、別にjsonだけを吐くスクリプトを作るのが今のところは楽だと思います。

jsonのパースは
http://qiita.com/kazu56/items/56c717d98e29c6b72967
こんな感じで
PHP側でjsonを生成するには
http://qiita.com/fantm21/items/891192da1a095e94c9e1
こんな感じになります。

jsonでデータを取得出来ればあとはjQueryで組み立てるだけです。

*json周りが大変だったら、PHP側で出力したいHTMLそのものを出力してしまうという手もあります。が、せっかくjQueryで非同期処理をしているのであればjsonの扱いにトライすることをお勧めします。

Answer 2

ページを更新させずに表示を変更したいという事であれば、
javascript等を使ってページ内の要素を動的に変更するのが一般的です。

おおまかには
一定期間ごとにjavascriptがサーバにデータを取得しに行き、その結果をページ内に反映します。

javascriptをそのまま使用してもいいのですが、
javascriptのライブラリであるjQueryを使用するというのもよくある手法です。

jQuery 非同期あたりで検索すると色々出てきますが
http://studio-key.com/635.html
は要望に近いと思います。

Comments

[ojityan]

一定期間ごとという言葉を見て念のため確認させて頂きたいのですが・・・。
一定期間とは一定の件数もしくはある程度時間がたった時の事でしょうか。
今現時点では整合性がとれておらず、レコードが追加されたにも関わらず
ダイアログを開きなおさないと追加されたページＩＤが表示されません。
もとめていることはダイアログを開きなおさず、レコードが追加された時点で
左側に追加されたページＩＤを表示させたいのです。
逆にレコードが削除された時点でページＩＤが消えるようにしたいのです。
大変恐縮ですがご教示よろしくお願いします。