Красивый вид статистики by webo4ka.ru
820
8.4 из 10
Проголосовало: 10
Проголосовало: 10
Сегодня пользователям webo4ki я продемонстрирую урок, как можно красиво оформить статистику на сайте с помощью условных операторов uCoz и при помощи jquery.
В данном примере нет ни каких красивых стилей как на скрине, а обычное разделение больших чисел запятыми и пробелами, например если у вас будет число 1000, то при помощи скрипта у вас на сайте данное число будет выводится так ---> 1, 000. Правда смотрится на много круче это во-первых, а во-вторых так числа лучше читаемы, нежели когда они не разделены пробелом с запятой. Вообщем данный урок будет полезен очень многим пользователям, т.к. мало кто знает как такое сделать, а теперь перейдем к уроку.
Урок при помощи условных операторов uCoz:
1) Например вы создали информер: Счетчик материалов, теперь с помощью информера необходимо красиво выделить число если оно больше 1000, и так смотрим пример:
Код
<?if(len($MYINF_12$) = 4)?><?substr($MYINF_12$,0,1)?>, <?substr($MYINF_12$,1,3)?>
<?else?>
<?if(len($MYINF_12$) = 5)?><?substr($MYINF_12$,0,2)?>, <?substr($MYINF_12$,2,3)?>
<?else?>
<?if(len($MYINF_12$) = 6)?><?substr($MYINF_12$,0,3)?>, <?substr($MYINF_12$,3,3)?>
<?else?>
<?if(len($MYINF_12$) = 7)?><?substr($MYINF_12$,0,1)?>, <?substr($MYINF_12$,1,3)?> <?substr($MYINF_12$,3,3)?>
<?else?>
<?if(len($MYINF_12$) = 8)?><?substr($MYINF_12$,0,2)?>, <?substr($MYINF_12$,2,3)?> <?substr($MYINF_12$,5,3)?>
<?else?>
<?if(len($MYINF_12$) = 9)?><?substr($MYINF_12$,0,3)?>, <?substr($MYINF_12$,3,3)?> <?substr($MYINF_12$,6,3)?>
<?else?>
$MYINF_12$
<?endif?><?endif?><?endif?><?endif?><?endif?><?endif?>
$MYINF_12$ - это номер информера, его в коде нужно заменить 22 раза на номер своего информера...
2) Второй случай, если вы не используете информер, но вам просто нужно вывести ваше число через условный оператор, тогда используем такой пример:
Код
<?if(len("1000") = 4)?><?substr("1000",0,1)?>, <?substr("1000",1,3)?><?endif?>
Тут вроде все понятно, но если кто-то не поймет пишите в комментах на webki к этому материалу, я разъясню что и как...
Урок при помощи jquery:
Код
<div class="len">100000000</div>
<script>var len = $('.len').text(); $('.len').html(len.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1, ')); /* by webo4ka.ru*/</script>
В блок с классом class="len", вписываете любое число и не парьтесь))
На этом урок окончен, всем удачи)
Автор публикации: Загрузка
Загрузка
- Оставить первым комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
 |  |  |  |  |  |
 |  |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2025 г.
- Design by Вовчик Администратор:)