За последние 24 часа нас посетили 22797 программистов и 1250 роботов. Сейчас ищут 764 программиста ...

Не Скролит вниз в Чате

Тема в разделе "PHP для новичков", создана пользователем NoPr0gress, 5 дек 2016.

  1. NoPr0gress

    NoPr0gress Новичок

    С нами с:
    11 ноя 2016
    Сообщения:
    48
    Симпатии:
    3
    Когда сам пишу в чат он скролит вниз но когда кто то другой пишет у тебя не скролится
    Что не так

    [AdminChat.php]
    Код (Javascript):
    1.  $(document).ready(function () {
    2.                 show('onload');
    3.                
    4.                 setInterval(function () {show('update')}, 100);
    5.  
    6.                 var chat_scroll = $('#content');
    7.                 chat_scroll.scrollTop(chat_scroll.prop('scrollHeight'));
    8.              
    9.                     $("#button").bind("click", function () {
    10.                         var message = $("#text").val();
    11.                         var messageLenght = message.length;
    12.                         if(messageLenght < 200+1){
    13.                             if( message != ''){
    14.                                 var message = $("#text").val();
    15.                                 $.ajax({
    16.                                     url: "AdminChatGetMsg.php",
    17.                                     type: "POST",
    18.                                     data: {message},
    19.                                     dataType: "json",
    20.                                     complete: function () {
    21.                                         show('send');
    22.                                          del();
    23.                                     }
    24.                                 });
    25.                             }
    26.                         }
    27.                         else {
    28.                               window.alert("Text is too long))");
    29.                         }
    30.                     });
    31.  
    32.                 function del(){
    33.                 $('#text').val('');
    34.                 }
    35.                 function show(type){
    36.                     $.ajax({
    37.                         url: "AdminChatGetMsg.php",
    38.                         cache: false,
    39.                         success: function (html) {
    40.                             $("#content").html(html);
    41.                         },
    42.                         complete: function () {
    43.  
    44.                             if (type == 'send') {
    45.                                 var chat_scroll = $('#content');
    46.                                 chat_scroll.scrollTop(chat_scroll.prop('scrollHeight'));
    47.                             }
    48.                         }
    49.                     });
    50.                 }
    51.             });
    [AdminChat.php]
    HTML:
    1.  <div id="content"><?php include("AdminChatGetMsg.php"); ?></div>
    2.          <div class="box">  
    3.             <div id="textarea">
    4.                 <textarea id="text" name='message'  maxlength="200"></textarea>
    5.             </div>
    6.             <div id="send">
    7.                 <button id="button">send</button>
    8.             </div>
    9.          </div>

    [AdminChatGetMsg.php]
    PHP:
    1. <?php  
    2.         session_start();
    3.         header('Content-Type: text/html; charset=utf-8');    
    4.         include("config.php");
    5.        
    6.         if (isset($_POST['message'])) {
    7.             $message = $_POST['message'];
    8.             $login = $_SESSION['login'];
    9.             $Date = date("M j  H:i");
    10.             $UID = $_SESSION['id'];
    11.             $message = strip_tags($message);
    12.             //$sql = "insert into `messages` ('User','message') values ('$login','$message')";
    13.             $sql = "insert into `messages` (`message`,`User`,`Date`,UserID) values ('$message','$login:','$Date','$UID')";
    14.             mysql_query($sql);
    15.  
    16.         }
    17.         $sql = "select User,message,id,Date from `messages` ORDER BY id";
    18.        
    19.          $res = mysql_query($sql);      
    20.      
    21.  
    22.         if ($res) {
    23.             echo "<ul>";
    24.             while ($row = mysql_fetch_object($res)) {
    25.                 $mes = $row->message;
    26.                 $User = $row->User;
    27.                 $mesID = $row->Date;
    28.                 $format =
    29.                     "<li class='logs'>
    30.                      
    31.                        <div class='Text'>
    32.                            <span id='User'>%s</span>
    33.                            <span id='message'>%s</span>
    34.                            <span id='mesID'>%s</span>
    35.  
    36.                          
    37.                        </div>
    38.                      
    39.                  
    40.                  
    41.                    </li>";
    42.                 printf($format,$User,$mes,$mesID);
    43.             }
    44.             echo '</ul>';
    45.         } else {
    46.             echo "<p><b>Error: " . mysql_error() . "</b></p>";
    47.             exit();
    48.         }
    49.     ?>
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.230
    Симпатии:
    1.715
    Адрес:
    Молдова, г.Кишинёв
    освой отладку javascript кода
     
  3. NoPr0gress

    NoPr0gress Новичок

    С нами с:
    11 ноя 2016
    Сообщения:
    48
    Симпатии:
    3
    что это
     
  4. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.230
    Симпатии:
    1.715
    Адрес:
    Молдова, г.Кишинёв
  5. askanim

    askanim Старожил

    С нами с:
    7 апр 2016
    Сообщения:
    2.201
    Симпатии:
    166
    Адрес:
    GABRIEL
    Мне кажется или чувак рофлит.
     
    NoPr0gress нравится это.
  6. askanim

    askanim Старожил

    С нами с:
    7 апр 2016
    Сообщения:
    2.201
    Симпатии:
    166
    Адрес:
    GABRIEL
    @NoPr0gress ну я вообще то про тебя...