Обновление div при нажатие на кнопку

Тема в разделе "JavaScript", создана пользователем AGENT131313, 18 авг 2012.

Модераторы: ZiX
  1. AGENT131313

    AGENT131313 Забанен

    Регистр.:
    17 мар 2009
    Сообщения:
    279
    Симпатии:
    28
    Подскажите как сделать что бы при нажатии на кнопку обновлялся определнный див?

    Сама суть, после добавления комментария чтобы его увидить необходимо обновить целяком страницу, нужно чтобы обновляло сразу после нажатия на кнопку отправить автоматически
     
  2. dino

    dino

    Регистр.:
    28 май 2009
    Сообщения:
    550
    Симпатии:
    204
    Ну ответ напрашивается сам собой: использовать Ajax... Отправить комментарий на обработку аяксом, а в случае успешного добавления коммента в базу - вернуть данные для обновления дива...
    Хотя тут наверное имеет смысл пошаманить с html разметкой дива с комментариями... Я бы например сделал приблизительно так:
    PHP:
    <script>
      $(
    document).ready(function(){
    $(
    "#add_comment").click(function(){
    $.
    post("ajax/new_comment.php", {act:"add"comment: $("#text_comment").val() }, 
    function(
    data){ $(".replace").replaceWith(" <div class='comment'>"+data+'</div><div class='replace'><div>");} );
    return false;
    });
      });
    </script>
    <div id="comments_container"> 
    <div class="comment">Комментарий 1 </div>
    <div class="comment">Комментарий 2 </div>
    ......
    <div class="comment">Комментарий n </div>
    <div class="replace"><div>
    </div>
     
    <form ....>
    ....
    <textarea id="text_comment"></textarea>
    <input type="submit" id="add_comment" value="Добавить комментарий">
    </form>
    Он может и по другому называться (привел просто для примера)... Это файл, который обрабатывает ваш запрос и возвращает нужный контент