    <head>
        <meta charset="UTF-8">
        <title></title>
      <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

    </head>
    <?php 
    
    $pdo = new PDO('mysql:host=localhost;dbname=chat;charset=utf8', 'root', '');
    ?>

<script type="text/javascript">
	//Загружаем библиотеку JQuery

	
	//Функция отправки сообщения
	function send()
	{
		//Считываем сообщение из поля ввода с id mess_to_add
		var mess=$("#mess_to_send").val();
		// Отсылаем паметры
       $.ajax({
                type: "POST",
                url: "index.php",
                 dataType: "html", //Тип данных
                 data:"mess="+mess,

                // Выводим то что вернул PHP
         
                success: function(html)
				{
					//Если все успешно, загружаем сообщения
					load_messes();
					//Очищаем форму ввода сообщения
					$("#mess_to_send").val('');
                                       
                }
        });
	}
	
	//Функция загрузки сообщений
	function load_messes()
	{
		$.ajax({
                type: "POST",
                url:  "load_messes.php",
                data: "req = ok",
                // Выводим то что вернул PHP
                success: function(html)
				{
					//Очищаем форму ввода
					$("#messages").empty();
					//Выводим что вернул нам php
					$("#messages").append(html);
					//Прокручиваем блок вниз(если сообщений много)
					$("#messages").scrollTop(90000);
                                        
                }
        });
	}
       
</script>
<?php
if(isset($_POST['mess']) && $_POST['mess']!="" && $_POST['mess']!=" ")
{
	
	session_start();
	
	$mess=$_POST['mess'];
	
	$login=$_SESSION['login'];
	
	include("config.php");
	

        
        
           $stmt = $pdo->prepare("INSERT INTO messages (login, message) VALUES ($login, $mess)");
$stmt->bindValue(':user', $user, PDO::PARAM_STR);
$stmt->execute();
var_dump($mess);
}
?>


<table>
<tr>
<td>
<div id="messages">
</div>
</td>
</tr>
<tr>
<td>
<form action="javascript:send()" method="post" id="form_id">
    <textarea  id="mess_to_send"></textarea>
<button type="submit">Send</button>
</form>
</td>
</tr>
</table>



