Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Стилизация счетчика. (https://javascript.ru/forum/dom-window/64319-stilizaciya-schetchika.html)

Spasatel801 03.08.2016 10:05

Стилизация счетчика.
 
Ребят, помогите набросать скриптик. Суть из базы через переменную показывается какое то число (например 0123456) и вот надо чтоб с помощью скрипта этому числу каждой цифре присваивался класс. вот такого вида надо:
<span class="value">
 <span class="number">0</span>
 <span class="number">1</span>
 <span class="number">2</span>
 <span class="number">3</span>
 <span class="number">4</span>
 <span class="number">5</span>
 <span class="number">6</span>
</span>

вот каждому числу присваивается класс NUMBER. Вот такая задача, помогите кто сможет. Заранее спасибо

warren buffet 03.08.2016 10:11

for(var len=chislo.length, html=[len-1], i=0; i<len; i++)
    html[i]='<span class="number">'+chislo.charAt(i)+'</span>';

span_value.innerHTML=html.join('');


А выдавать нормальный массив твой сервер не умеет?

Spasatel801 03.08.2016 10:16

Это обычный счетчик статей, он просто записывает в базу количество статей и все

warren buffet 03.08.2016 10:20

И при этом каждой цифре надо один и тот же класс запузырить? Ты расскажи глобальную идею такого дизайна, может я тоже к себе приделаю. Хотя нет, времена показывать счетчики давно канули. )))

Spasatel801 03.08.2016 10:21

Да один и тот же класс присвоить надо. Что то не работает этот код

warren buffet 03.08.2016 10:23

Типа там отступы сделать или что? Для текстовых нод дофига стилей, но если уж совсем хочется все запихать в спаны, то хотя бы нарисуйт такой css

span.value {
 /* все про родительский элемент */
}

span.value > span {

/*
 тут стили для всех спанов первого порядка
*/

}



Чтобы не прописывать каждый раз одно и то же.

warren buffet 03.08.2016 10:26

Цитата:

Сообщение от Spasatel801
не работает этот код

Смотри в консоле ошибки, я же не проверял синтаксис, или жди когда рони подтянется, он за всех всё делает сам. )))

ЗЫ Да не нужен такой скрипт вообще. Это бред. Ты скажи какой тебе дизайен нужен для счетчика, и увидишь, что все можно сделать обычным css

Spasatel801 03.08.2016 10:27

Да стиль у меня уже нарисован полностью как я хочу..а вот реализация через скрипт не получается

Spasatel801 03.08.2016 10:28

в консоле посмотрел, не присваивает класс числам

Spasatel801 03.08.2016 10:38

Вложений: 1
Вот на картинки стиль который я хочу.
0173 -это я руками прописал вот код
<span class="value">
<span class="number">0</span>
<span class="number">1</span>
<span class="number">7</span>
<span class="number">3</span>
</span>
а 104 это переменная {%$counter.messages_all%} выводит вот ее я и хочу стилизовать


Часовой пояс GMT +3, время: 05:37.