Страница 1 из 11
Форум про uCoz » Раздел для uCoz » Другие скрипты для uCoz » Прогресс бар сообщений в мини-чате
Прогресс бар сообщений в мини-чате
workman
Дата: Суббота, 09.01.2016, 02:59 | Сообщение # 1
Гл. Модератор
Сообщений:1665
Награды: 8


Скрипт заполняет прогресс бар по мере ввода сообщений.
Сделан на основе стандартного укозовского скрипта.

Установка проста, идём в мини-чат- Форма добавления сообщений и в самый конец перед последним endif вставляем этот код:
Код
<br><progress id='jeuwu27' value="0" max="$MAX_MESSAGE_LEN$" simv_left="Осталось $MAX_MESSAGE_LEN$ символов" style="margin-top:-10px;width:100%;height:15px;"></progress>  
  <script>$('#mchatBtn').css('height','62px');$('#mchatMsgF').css('height','60px');function countMessLength(){var rstz=$('#mchatMsgF').val().length;if(rstz<0){rstz=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,$MAX_MESSAGE_LEN$))}$('#jeuwu27').attr('value',rstz)var rst=$MAX_MESSAGE_LEN$-$('#mchatMsgF').val().length;if(rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,$MAX_MESSAGE_LEN$))}$('#jeuwu28').html(rst);$('#jeuwu27').attr('simv_left','Осталось '+rst+' символов')if(rst<=50){$('#mchatMsgF').removeClass('yellow').addClass('red')}else if(rst>50&&rst<=150){$('#mchatMsgF').removeClass('red').addClass('yellow')}else if(rst>150){$('#mchatMsgF').removeClass('yellow').removeClass('red')}}</script>

А это ставим в CSS
Код
.red{background:rgba(255, 50, 50, 0.2)}  
  .yellow{background:rgba(255, 216, 0, 0.3)}

Можно подправить цифры 150 и 50 если хочется, это количество символов после ввода которых будет активироваться сначала желтый, а затем красны фон соответственно, для предела в 200 символов, можно установить 20 вместо 50 и 80 вместо 150.


Нужна помощь от меня но увидели что нет на сайте?! Задавайте тогда тут (ВК)

Сообщение отредактировал
workman - Суббота, 09.01.2016, 03:10
Страна: (RU)
Kosten
Дата: Суббота, 09.01.2016, 03:04 | Сообщение # 2
Администраторы
Сообщений:15490
Награды: 50


workman, а каким он будет, примерно таким.

Прикрепления: 8636803.png(7Kb)
Страна: (RU)
workman
Дата: Суббота, 09.01.2016, 03:09 | Сообщение # 3
Гл. Модератор
Сообщений:1665
Награды: 8


Kosten, НУ да. Примерно таким... А там можно будет уже закрасить как понравится

Нужна помощь от меня но увидели что нет на сайте?! Задавайте тогда тут (ВК)
Страна: (RU)
FeStemBer
Дата: Суббота, 09.01.2016, 04:34 | Сообщение # 4
Проверенные
Сообщений:349
Награды: 1


workman, так не плохой скрипт, можно ко многому сделать его.
Страна: (RU)
workman
Дата: Суббота, 09.01.2016, 04:36 | Сообщение # 5
Гл. Модератор
Сообщений:1665
Награды: 8


Tventum, Ну как по мне так я считаю его просто лишним. Тут выложил, ради тех, кто ставит себе "гирю" на сайт smile

Нужна помощь от меня но увидели что нет на сайте?! Задавайте тогда тут (ВК)
Страна: (RU)
Сафрон
Дата: Воскресенье, 17.01.2016, 04:09 | Сообщение # 6
Vip
Сообщений:224
Награды: 1


Но он может только пригодится, если автоматически убирать много сообщений. А так он не будет же выполнять и показывать загрузку, так как там доли секунды.
Страна: (RU)
kredit-oformi
Дата: Воскресенье, 17.01.2016, 10:31 | Сообщение # 7
Vip
Сообщений:1964
Награды: 5


а ну типа уровень заполнения я правильно понял? То - есть он заполняется по мере заполнения чата сообщениями
Страна: (RU)
Tergran
Дата: Понедельник, 18.01.2016, 15:15 | Сообщение # 8
Пользователи
Сообщений:101
Награды: 0


На чате он не к чему.
Страна: (RU)
workman
Дата: Понедельник, 18.01.2016, 21:29 | Сообщение # 9
Гл. Модератор
Сообщений:1665
Награды: 8


Цитата Tergran ()
На чате он не к чему
Ну так можно заточить его под любую форму насколько фантазии хватит


Нужна помощь от меня но увидели что нет на сайте?! Задавайте тогда тут (ВК)
Страна: (RU)
Kosten
Дата: Вторник, 19.01.2016, 20:23 | Сообщение # 10
Администраторы
Сообщений:15490
Награды: 50


workman, это что то похожее, что ты залил в первый материал, также для мини чата идет, только по сообщением.



1. Идём в Мини-чат->Форма добавления сообщений
2. В самый низ, перед последним

Код
<br><progress id='jeuwu27' value="0" max="500" style="margin-top:-10px;width:100%;height:15px;"></progress>   
<script>function countMessLength(){   
var rstz = $('#mchatMsgF').val().length;if (rstz<0){rstz=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,500));}$('#jeuwu27').attr('value',rstz)   
var rst = 500-$('#mchatMsgF').val().length;if (rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,500));}$('#jeuwu28').html(rst);}   
</script>


Настраиваем скрипт, везде найти цифру 500 и заменить на то количество сообщений, которое максимально разрешено.
Страна: (RU)
Tergran
Дата: Вторник, 19.01.2016, 23:16 | Сообщение # 11
Пользователи
Сообщений:101
Награды: 0


Что нужно специально ПРОГРЕСС БАР ставить, чтоб смотреть, как уходят посты, да это точно лишнее, ставят на загрузку или скачивать, больше не где не нужен.
Страна: (RU)
Форум про uCoz » Раздел для uCoz » Другие скрипты для uCoz » Прогресс бар сообщений в мини-чате
Страница 1 из 11
Поиск: