2011-06-24 15 views
0

私はメッセージを投稿できる掲示板システムを構築しています。私は細かい作業に新しいメッセージを投稿しており、すべての新しいメッセージのために、私はメッセージごとに新しいテーブル行を作成するために、AJAXを使用します。最後の列にjQueryを使用して返信を投稿するためにテーブル行を表示/非表示にする

<table id="content-table"> 
<tr> 

    <th scope="col" class="messagetime"> <? echo $time; ?> </th> 
    <th scope="col" class"message body"></th> 
    <th scope="col" class="messagereply"><form method="GET" action="Rindex.php"><input name="id" type="hidden" value="<? echo $id; ?>"><button type="submit" style="border-style:none;" class="post-icon" /></form></th> 

</tr> 
</table> 

、私は彼らが私がすることを押すというイメージを持っていますjQueryのように、この特定のメッセージに投稿する返信メッセージを入力するためのフィールドを持つこのテーブルの下に新しいテーブル行を作成します。

私は現在、すべてのメッセージのための新しい行を取得し、表示/非それらのすべてを示したが、私はメッセージを返信するユニークな行をターゲットに返信ボタンを取得する方法を見つけ出すことができないのですができます。

<table id="content-table"> 
<tr> 

    <th scope="col" class="messagetime"> <? echo $time; ?> </th> 
    <th scope="col" class"message body"></th> 
    <th scope="col" class="messagereply"><form method="GET" action="Rindex.php"><input name="id" type="hidden" value="<? echo $id; ?>"><button type="submit" style="border-style:none;" class="post-icon" /></form></th> 

</tr> 

<tr id="replyrow" class="replyrow"> 

<th scope="col"></th> 
<th scope="col" class="replyrowcontent"> <Post Reply Form would be in here.> </th> 
<th scope="col"></th> 

</tr> 
</table> 

提案がありますか?私は親子関係に関わるものがあると感じていますが、私はこれを私の頭の中で概念化しています!

+2

私の提案は、TAを使用しないことであろう場合、私はあなたの質問にお答えしますレイアウトのためのbles。 –

+0

推奨事項はありますか?あなたは面白いと知っています。あなたがメッセージに返信したいときに表示される隠しDIVが、stackoverflowにどのようにあるのかを見てください。私はそのようなもののために行くことを試みている... –

答えて

1
<div stlye="disply:none;" id="hidden"> 
    Hidden 
</div> 



<script> 
$.ajax({ 
    /* ... other options here... */ 
    success: function(){ 
     $('#hidden').show(); 
    } 
}); 
</script> 

今、明らかにあなたが同様にあなたもclick()メソッドを使用して、そこにAJAX、またはそのような何かを置くことができます...研究のビットを必要とする...

おっとはあなたを与えることを忘れてしまいましたあなたがより多くの質問がある場合は、リンク http://api.jquery.com/jQuery.ajax/

幸運は、[コメント]の下のボックスを使用して、任意の

+0

素晴らしい、私はそれを試して、あなたのリンクを読んでみましょう! =) –

+0

も ​​'delay()'と 'queue()'を検索するので、もし望むならそれを遅らせ、それを隠すことはできませんし、効果のために 'fadeOut()'むしろそれを隠してそれを示すよりもむしろ:) – Val

関連する問題