ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
84   •   Посмотреть все темы

Автоматическое откр\скр USERS FRAME

 

117
AnutaBass @AnutaBass
Ванька.RU пишет:

AnutaBass пишет:

Ванька.RU пишет:

Mix, тогда жди готового решения, зачем лезть в тему, в которой не шаришь ?

а так чтобы полоса прокрутки скрывалась вместе с users некак не зделать?

Как только div исчезает по идее должна скрыться полоса, если стоит на авто по вертикали. Давно не был в админке, точно не скажу.
Скорее всего требуются отредактировать стили самого div. То бишь размеры и т.д.

Показать текст

если не затруднит очень прошу помочь настроить стили див,сама я в этом как бы от буратино не далеко ушла

248
Bab_n1k @Bab_n1k
AnutaBass пишет:

Ванька.RU пишет:

Mix, тогда жди готового решения, зачем лезть в тему, в которой не шаришь ?

а так чтобы полоса прокрутки скрывалась тоже, некак не зделать?

сделать
BODY { overflow: hidden; }
если не устраивает, то нужно сделать так что бы при нажатии кнопки закрыть, автоматически менялся размер left div

Отредактировано Bab_n1k - 12.01.2012
1390
Ванья @ВанькаRU
AnutaBass пишет:

Ванька.RU пишет:

AnutaBass пишет:

а так чтобы полоса прокрутки скрывалась вместе с users некак не зделать?

Как только div исчезает по идее должна скрыться полоса, если стоит на авто по вертикали. Давно не был в админке, точно не скажу.
Скорее всего требуются отредактировать стили самого div. То бишь размеры и т.д.

Показать текст

если не затруднит очень прошу помочь настроить стили див,сама я в этом как бы от буратино не далеко ушла

**********. Остальное к школьникам или за плату.

AnutaBass, я сам во всём разбирался. За глупыми вопросами обращался только тогда, когда не находил в поисковиках.

Отредактировано ВанькаRU - 12.01.2012
2615
Сергей @Pegass
Не забудьте поменять внешний вид кнопок)))
Подпилено под **********
Данный код не скрывает блок пользователей, а уменьшает его до 0 - так сделано для того чтобы активное содержимое (например радио плеер) продолжало работать.
вместе с уменьшением блока пользователей растягивается по ширине фрейм сообщений
размер фрейма привата и викторины не меняется, но это поправимо)))


Чат внутри


Перед </head>

<style>
.bslb
{
position: absolute;
background-color:transparent;
width:31px;
right: 324px;
top: 0px;
bottom: 95px;
border: 0px;
}
#bsl
{
background-color:transparent;
position: absolute;
width:31px;
height:31px;
right: 0px;
top: 50%;
border: 0px;
z-index: 3;
}
.bslr { background-image: url(http://radiofull.ru/Style_god/img/strela.png); background-position: 0px 0px;}
.bslr:hover { background-position: 71px 0px;}
.bslr:active { background-position: 31px 0px;}
.bsll { background-image: url(http://radiofull.ru/Style_god/img/strela1.png); background-position: 0px 0px;}
.bsll:hover { background-position: 71px 0px;}
.bsll:active { background-position: 31px 0px;}
</style>


<script type="text/javascript" src="http://radiofull.ru/Style_god/jquery/jquery-1.6.2.js"></script>
<script type="text/javascript">
var bhid=0;
$(document).ready(function()
{
$("#bsl").click(function()
{ //320px - ширина блока пользователей
if (bhid==0)
{
$("#usersdiv").animate({"width": "-=320px"}, "slow"); //#usersdiv - ID блока пользователей
$("#leftdiv").animate({"right": "-=320px"}, "slow"); // #leftdiv - ID фрейма сообщений
$(".bslb").animate({"right": "-=320px"}, "slow");
bhid=1;
$("#bsl").attr("class", "bsll");
}
else
{
$("#usersdiv").animate({"width": "+=320px"}, "slow");
$("#leftdiv").animate({"right": "+=320px"}, "slow");
$(".bslb").animate({"right": "+=320px"}, "slow");
bhid=0;
$("#bsl").attr("class", "bslr");
}
});
});
</script>

После <body>

<div class="bslb"><div id="bsl" class="bslr"></div></div>

Отредактировано Pegass - 12.01.2012
117
AnutaBass @AnutaBass
Спасибо огромнейшее мальчики))))

2615
Сергей @Pegass
AnutaBass, Исправил код, там ошибочка была

Отредактировано Pegass - 12.01.2012
6600
Александр @admiral
Это над </head>:
<script type="text/javascript">
function opencloseblock(id) {
if (document.getElementById(id).style.display == 'none') {
document.getElementById(id).style.display='block';
} else {
document.getElementById(id).style.display = 'none';
}

}
</script>

Это туда где нужно вывести кнопку:
<a href="#" onclick="opencloseblock('usersdiv'); return false;">CloseUsersdiv</a>

usersdiv - id блока который скрываем, новая кнопка с новым id скрывает новый блок
как то так, суть работы открытия/закрытия думаю понятна

1241
VL@DLEN @VLaDLEN
admiral пишет:

Это над </head>:
<script type="text/javascript">
function opencloseblock(id) {
if (document.getElementById(id).style.display == 'none') {
document.getElementById(id).style.display='block';
} else {
document.getElementById(id).style.display = 'none';
}

}
</script>

Это туда где нужно вывести кнопку:
<a href="#" onclick="opencloseblock('usersdiv'); return false;">CloseUsersdiv</a>

usersdiv - id блока который скрываем, новая кнопка с новым id скрывает новый блок
как то так, суть работы открытия/закрытия думаю понятна

Если я не ошибаюсь, аналогичный скрипт demon писал в "обновлениях и функциях"

26
Tikiyami @Tikiyami
Pegass пишет:

Данный код не скрывает блок пользователей, а уменьшает его до 0 - так сделано для того чтобы активное содержимое (например радио плеер) продолжало работать.
вместе с уменьшением блока пользователей растягивается по ширине фрейм сообщений

Жму на уменьшить фрэйм юзеров и он тупо возвращается сам по себе на исходную)
Что не так делаю? оо


Невнимательность погубит. Спасибо за скрипт)

Отредактировано Tikiyami - 18.09.2013
2615
Сергей @Pegass
Tikiyami пишет:

Pegass пишет:

Данный код не скрывает блок пользователей, а уменьшает его до 0 - так сделано для того чтобы активное содержимое (например радио плеер) продолжало работать.
вместе с уменьшением блока пользователей растягивается по ширине фрейм сообщений

Жму на уменьшить фрэйм юзеров и он тупо возвращается сам по себе на исходную)
Что не так делаю? оо

код повторялся дважды
решено

Отредактировано Pegass - 18.09.2013
72
Серго @ВУТ
Здравствуйте,помогите спрятать скрипт или div по данному решению https://vmeste.eu/forum?pid=287059#p287059 только для Инет Эксплорера!!!

<div class="bslb"><div id="bsl" class="bslr"></div></div>

<!--[if IE ]>
<script src="http://.......ru/queryjquery.js" type="text/javascript"></script><![endif]-->


Попробовал вот так-не пашет...пробовал другой вариант, не подгружаеться скрипт под всеми браузерами( Помогите...очень нужно...

Отредактировано ВУТ - 26.09.2013
2615
Сергей @Pegass
1) нафига он нужен только для IE?
2) условие написано правильно нужны детали!

72
Серго @ВУТ
Как раз я наоборот хочу чтоб данный скрипт НЕ РАБОТАЛ ТОЛЬКО для инет эксплорера! после скрытия фрэйма под эксплой таблица ников при возвращении фрэйма выглядит кривовато, переделывать ничего не хочу(под всеми иными браузерами всё работает корректно), просто хочу иль спрятать картинку кнопки от инет эксплорера .bslr { background-image: url(http://.........../Style_god/img/strela.png); либо создать условие чтобы инет эксплорер просто не "видел" скрипт !

1007
BETEPAH @BETEPAH
ВУТ пишет:

Как раз я наоборот хочу чтоб данный скрипт НЕ РАБОТАЛ ТОЛЬКО для инет эксплорера!

<!--[if !IE]>-->
Для всех браузеров кроме IE
<!--<![endif]-->

72
Серго @ВУТ
<!--[if !IE]>--><script src="http://.......ru/queryjquery.js" type="text/javascript"></script><!--<![endif]--> сделал так увы работает скрипт под IE(

6600
Александр @admiral
ВУТ, на IE10 что ли проверяешь? для 10 IE он будет работать, не будет работать для меньших версий, в IE10 в режиме совместимости посмотреть можешь
PS **********

72
Серго @ВУТ
да да именно 10ка!!! Жесть конечно и очень жаль(((

1007
BETEPAH @BETEPAH
ВУТ пишет:

да да именно 10ка!!! Жесть конечно и очень жаль(((

впервые слышу жалобу на 10й IE. По идее, в нем должно работать не хуже других браузеров. А conditional comments действительно 10й не определяет уже. Ну, в крайнем случае, в скрипте можно юзер агент дополнительно проверять на наличие "MSIE"
if (navigator.userAgent.indexOf('MSIE') != -1){
// этот код будет выполняться только в ИЕ, можно здесь поставить выход, прерывание и прочее в зависимости от содержания скрипта
}
//или так
if (navigator.userAgent.indexOf('MSIE') == -1){
// этот код будет выполняться везде кроме ИЕ
}

Отредактировано BETEPAH - 28.09.2013
1007
BETEPAH @BETEPAH
Например, вот так:
var bhid = 0;
$(document).ready(function() {
if (navigator.userAgent.indexOf('MSIE') == -1) {
$("#bsl").click(function() { //320px - ширина блока пользователей
if (bhid==0) {
$("#usersdiv").animate({"width": "-=320px"}, "slow"); //#usersdiv - ID блока пользователей
$("#leftdiv").animate({"right": "-=320px"}, "slow"); // #leftdiv - ID фрейма сообщений
$(".bslb").animate({"right": "-=320px"}, "slow");
bhid=1;
$("#bsl").attr("class", "bsll");
} else {
$("#usersdiv").animate({"width": "+=320px"}, "slow");
$("#leftdiv").animate({"right": "+=320px"}, "slow");
$(".bslb").animate({"right": "+=320px"}, "slow");
bhid=0;
$("#bsl").attr("class", "bslr");
}
});
}
});

6
Kekc @Kekc
подскажите как реализовать на последней версии чата, так и не понял...
скрыть див пользователей нет проблем, но как сделать так что бы после скрытия див привата и сообщений растягивались до конца экрана...