Использование jQuery, чтобы скрыть / показать строку таблицы для отправки ответа - PullRequest
Новая
       7

Использование jQuery, чтобы скрыть / показать строку таблицы для отправки ответа

0 голосов
/ 24 июня 2011

Я создаю систему досок объявлений, на которую мы можем отправить сообщение, и люди могут ответить на сообщение. Я опубликовал новое сообщение, работающее нормально, и для каждого нового сообщения я использую AJAX, чтобы создать новую строку таблицы для каждого сообщения: 

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

Есть предложения? У меня есть ощущение, что в отношениях между родителями и детьми что-то будет, но я думаю об этом в своей голове!

1 Ответ

1 голос
/ 24 июня 2011 
<div stlye="disply:none;" id="hidden">
    Hidden
</div>



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

Теперь, очевидно, вам нужно немного изучить ... также вы можете использовать метод click() и поместить туда ajax, или что-то в этом роде ...

Упс, забыл дать вам ссылку

...