Пропадает скролл в мини-чате
Всем привет :)
Вообщем проблема такая, при отправке сообщения пропадает скролл.. Буду благодарен за помощь :) 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()" /> |
fAmOus,
Живой можно посмотреть ? |
Цитата:
|
Deff,
Отписал в ЛС |
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) -->
Поменял разметку - перенес скролл на внешнее, не изменяемое обрамление |
Deff,
И снова выручил спасибо большое :)) |
| Часовой пояс GMT +3, время: 14:57. |