Форум

fAmOus · #1 (**permalink**) 20.07.2012, 23:16

Всем привет

Вообщем проблема такая, при отправке сообщения пропадает скролл..
Буду благодарен за помощь

css

.scroll-pane
 {
 width: 100%;
 height: 200px;
 overflow: auto;
 }

js

mchat = {
 /* функция отправки сообщения */
 send: function () { 
 if ($('#message').val().length < 1) { 
 $('.infoerror').css({color:'red',display:'none'}).html('<hr>Не заполнено поле "Сообщения"'); 
 } else { 
 $.post('/mchat/', {
 numa: 0,
 ajax: 1,
 a: 18,
 mcmessage: $('#message').val(),
 }, function () {
 $('#message').val('');
 mchat.load();
 });
 } 
 },
 /* функция подгрузки сообщений */
 load: function () { 
 $.get('/mchat/', function (neww) {
 mss = $('#mchmes', neww).append(); 
 if (mss.length < 1) { 
 $('#chatbox').html('Сообщений нет'); 
 } else { 
 $('#chatbox').html(mss);
 $('.scroll-pane').jScrollPane();
 };
 });
 }
 } // mchat end
 mchat.load(); // подгружаем сообщения при загрузке страницы

Блок

<div class="scroll-pane" id="chatbox">Идет загрузка..</div>
<textarea name="mssm" id="message"></textarea> 
<input type="button" value="Отправить" onclick="mchat.send()" />

Deff · #2 (**permalink**) 20.07.2012, 23:36

fAmOus,
Живой можно посмотреть ?

fAmOus · #3 (**permalink**) 21.07.2012, 00:03

Сообщение от Deff

fAmOus,
Живой можно посмотреть ?

Сейчас придумаем

fAmOus · #4 (**permalink**) 21.07.2012, 00:42

Deff,
Отписал в ЛС

Deff · #5 (**permalink**) 21.07.2012, 00:48

fAmOus,

<html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 <title>Персональный сайт - Главная страница</title>
 
 <link type="text/css" href="/js/jquery.jscrollpane.css" rel="stylesheet" media="all" />
 <link type="text/css" rel="StyleSheet" href="http://s68.ucoz.net/src/layer1.css" />
<script type="text/javascript" src="http://s68.ucoz.net/src/jquery-1.7.2.js"></script>
<link href="http://s68.ucoz.net/src/ulightbox/ulightbox.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://s68.ucoz.net/src/ulightbox/ulightbox.js"></script>
<script type="text/javascript" src="http://s68.ucoz.net/src/uwnd.js?2"></script><style type="text/css">.UhideBlock {display:none}</style>
</head>
 <script type="text/javascript" src="/js/jquery.mousewheel.js"></script>
 <script type="text/javascript" src="/js/jquery.jscrollpane.min.js"></script>
 <body>
 <!--U1DRIGHTER1Z--><style type="text/css">
 /* Styles specific to this particular page */
 .scroll-pane
 {
 width: 100%;
 color:#000;
 }
 .scroll-pane2{
 width: 300px;
 height: 200px;
 overflow: auto;
 color:#000;
 }
</style>
<div style="width:300px;">
<div class="scroll-pane2">
 <div class="scroll-pane" id="chatbox">Идет загрузка..</div>
</div>
 <textarea name="mssm" id="message"></textarea> 
 <input class="showmessage" type="button" value="Отправить" onclick="mchat.send();" />
 <div class="infoerror"></div>
</div>
<script type="text/javascript">
 mchat = {
 /* функция отправки сообщения */
 send: function () { 
 if ($('#message').val().length < 1) { 
 $('.infoerror').css({color:'red',display:'none'}).html('<hr>Не заполнено поле "Сообщения"'); 
 } else { 
 $.post('/mchat/', {
 numa: 0,
 ajax: 1,
 a: 18,
 mcmessage: $('#message').val()
 }, function () {
 $('#message').val('');
 $('.infoerror').css({color:'green'}).html('<hr>Сообщение отправлено');
 mchat.load();
 });
 } 
 },
 /* функция подгрузки сообщений */
 load: function () { 
 $.get('/mchat/', function (neww) {
 mss = $('#mchmes', neww).append(); 
 if (mss.length < 1) { 
 $('#chatbox').html('Сообщений нет'); 
 } else { 
 $('#chatbox').html(mss); 
   $('.scroll-pane2').jScrollPane();
 }; 
 });
 }
 } // mchat end

 mchat.load(); // подгружаем сообщения при загрузке страницы

 /* автообновление */
 setInterval(function () {
 $.get('/mchat/', function (read) {
 ifw = $('#mchmes:first', read).html(); // гетим содержимое первого сообщения со страницы mchat
 if (ifw != ntw) { // сравниваем его с содержимым первого сообщения из #chatbox
 mchat.load(); // если они различны, обновляем чат
 }
 });  
 }, 15000); // через каждые 15 секунд проверяется наличие новых сообщений
</script><!--/U1DRIGHTER1Z-->
 <!-- "' --><span class="pbti8O7A"><a href="http://www.ucoz.ru/">Конструктор сайтов</a> - <a title="Конструктор сайтов" href="http://www.ucoz.ru/">uCoz</a></span>
 </body>
 
</html><div id="utbr8214" rel="s68"></div>
<!-- 0.00404 (s68) -->

Поменял разметку - перенес скролл на внешнее, не изменяемое обрамление

fAmOus · #6 (**permalink**) 21.07.2012, 15:37

Deff,
И снова выручил спасибо большое

)

Форум

Справочник

Discord чат

Курсы javascript