|
Прогресс бар сообщений в мини-чате
|
|
| workman | Суббота, 09 Января 2016, 02:59 | Сообщение 1 |
| Скрипт заполняет прогресс бар по мере ввода сообщений.
Сделан на основе стандартного укозовского скрипта.
Установка проста, идём в мини-чат- Форма добавления сообщений и в самый конец перед последним 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 Января 2016, 03:10 | | Страна: (RU) |
| |
| Kosten | Суббота, 09 Января 2016, 03:04 | Сообщение 2 |
| workman, а каким он будет, примерно таким.
| | Страна: (RU) |
| |
| workman | Суббота, 09 Января 2016, 03:09 | Сообщение 3 |
|
| Kosten, НУ да. Примерно таким... А там можно будет уже закрасить как понравится
| | Страна: (RU) |
| |
| FeStemBer | Суббота, 09 Января 2016, 04:34 | Сообщение 4 |
| workman, так не плохой скрипт, можно ко многому сделать его.
| | Страна: (RU) |
| |
| workman | Суббота, 09 Января 2016, 04:36 | Сообщение 5 |
|
| Tventum, Ну как по мне так я считаю его просто лишним. Тут выложил, ради тех, кто ставит себе "гирю" на сайт 
| | Страна: (RU) |
| |
| Сафрон | Воскресенье, 17 Января 2016, 04:09 | Сообщение 6 |
| Но он может только пригодится, если автоматически убирать много сообщений. А так он не будет же выполнять и показывать загрузку, так как там доли секунды.
| | Страна: (RU) |
| |
| kredit-oformi | Воскресенье, 17 Января 2016, 10:31 | Сообщение 7 |
| а ну типа уровень заполнения я правильно понял? То - есть он заполняется по мере заполнения чата сообщениями
| | Страна: (RU) |
| |
| Tergran | Понедельник, 18 Января 2016, 15:15 | Сообщение 8 |
| На чате он не к чему.
| | Страна: (RU) |
| |
| workman | Понедельник, 18 Января 2016, 21:29 | Сообщение 9 |
|
| Цитата Tergran (  ) На чате он не к чему | | Страна: (RU) |
| |
| Kosten | Вторник, 19 Января 2016, 20:23 | Сообщение 10 |
|
| 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 Января 2016, 23:16 | Сообщение 11 |
|
| Что нужно специально ПРОГРЕСС БАР ставить, чтоб смотреть, как уходят посты, да это точно лишнее, ставят на загрузку или скачивать, больше не где не нужен.
| | Страна: (RU) |
| |
