1. Мы продолжаем публиковать интересные статьи на тему SocialEngine 4. Одна из статей посвящена правильному выбору сервера для вашей социальной сети, а другая содержит советы по увеличению производительности платформы. Также мы добавили большую статью о пользовательских уровнях. Ознакомиться со статьями вы можете в разделе Вопросы и Ответы SocialEngine 4.
  2. Вам кажется, что ваша версия SocialEngine 4, работает медленно?

    Голосуйте. Пишите свою версию системы, железо на чем работает и количество пользователей. Будем увеличивать производительность :-) Подробнее

  3. В связи с участившимися случаями попыток продажи пользователями форума различных "сборок" коммерческих социальных платформ, обычно основанных на SocialEngine 3, вводится новое правило для форума. Запрещается создание тем или размещение в уже созданных предложений о продаже или размещение ссылок на сайты, где происходит продажа "сборок". Пользователи, которые продолжат свою коммерческую деятельность в данном направлении, будут заблокированы. Подробнее.

Подсчет введеных символов

Discussion in 'HTML и CSS' started by J.O.K.E.R., Dec 17, 2010.

  1. J.O.K.E.R. Thread starter User


    Offline
    Message Count:
    152
    Likes Received:
    27
    слова..jpg

    Подсчет введеных символов с индикатором (jQuery)

    Код javascript

    Code:
    $('#contentbox').keyup(function(){} - contentbox является ID поля ввода текста. 
    С помощью $(this).val() мы получаем значение поля ввода текста. 
    bar - это ID элемента div, который содержит счетчик.
    $('#bar').animate() изменяет индикатор в соответствии с количеством введенных символов.
    HTML код
    Code:
    <div style="height:25px">
    
        <div id="barbox">
            <div id="bar"> </div>    
        </div>
        
        <div id="count">50</div>
        
    </div>
    
    <textarea id="contentbox"></textarea>

    CSS
    Стили CSS в данном уроке встроены в основной документ в разделе head только для наглядности. Такое построение документов - порочная практика и ее следует избегать ее использования в реальных проектах.

    Code:
    body
    {
    font-family:Arial, Helvetica, sans-serif;
    }
    #contentbox
    {
    width:450px; height:50px;
    border:solid 2px #006699;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    
    }
    #bar
    {
    background-color:#5fbbde;
    width:0px;
    height:16px;
    }
    #barbox
    {
    float:right; 
    height:16px; 
    background-color:#FFFFFF; 
    width:100px; 
    border:solid 2px #000; 
    margin-right:3px;
    -webkit-border-radius:5px;-moz-border-radius:5px;
    }
    #count
    {
    float:right; margin-right:8px; 
    font-family:'Georgia', Times New Roman, Times, serif; 
    font-size:16px; 
    font-weight:bold; 
    color:#666666
    }

Share This Page

All rights reserved SocEngine.ru ©