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

warren buffet 03.08.2016 10:38

Перехоти назначать класс каждому спану и скрипт будет таким

span.value.innerHTML = '<span>'+chislo.split().join('</span><span>')+'</span>';


Или пиши два раза

span.value.innerHTML = '<span class="number">'+chislo.split().join('</span><span class="number">')+'</span>';


Господи, какой-то бред...

Spasatel801 03.08.2016 10:41

Почему бред то?

warren buffet 03.08.2016 10:41

Я написал цикл поняв так, что тебе надо классы пронумеровать. В этом есть хоть какой-то смысл. Но пихать каждое число в спан - это бредятина.

warren buffet 03.08.2016 10:47

Цитата:

Сообщение от Spasatel801
Почему бред то?

Потому что все цифры в счетчик одинаково выглядят. Все одного класса number, стили которого тупо могут быть унаследованы от родителя, то есть span.value.

Это если бы

<span class'"number-1">1</span>
<span class'"number-4">4</span>
<span class'"number-6">5</span>
<span class'"number-8">8</span>

Тогда бредом будет дизайн, а сейчас бредом является сама конструкция.

ЗЫ Могу себе представить какой у тебя там css, при таком понимании CASCADING style sheet ))

Spasatel801 03.08.2016 10:52

ну мне и надо чтоб все цифры одного стиля были.. задача чтоб присвоить этот стиль каждой цифре.. Если есть другое какое то решение подскажи

warren buffet 03.08.2016 10:52

Вот смотри, задача поменять стили в элементах хз где внутри родительского элемента. Если писать каждому свой стиль, то придется в скрипте искать и оперировать двумя или большим количеством элементов одновременно, а если в цсс записать такие вот рулезы

div.a-text-up h1 i:before {content:'\f102';}
	div.a-text-up h1+div {max-height:300px;}

	div.a-text-down h1 i:before {content:'\f103';}
	div.a-text-down h1+div {max-height:0px;}


То получаешь один элемент и оперируешь одним правилом.

warren buffet 03.08.2016 10:54

Цитата:

Сообщение от Spasatel801
адача чтоб присвоить этот стиль каждой цифре

Блин, это НЕ задача, это браузер сам все делает согласно устройству CSS.

Spasatel801 03.08.2016 10:54

могу показать если интересно:
.number {background-color: #5a6275;color: #e7eeff;text-shadow: 0px 4px 0px rgba(0,0,0,0.21);}
.number {-webkit-transition: background .4s;transition: background .4s;display: inline-block;vertical-align: top;padding: 0 5px;border-radius: 4px;font-size: 2.43333em;position: relative;z-index: 0;}
.number:before {content: '';position: absolute;z-index: -1;width: 100%;height: 1px;left: 0;top: 50%;}
.number:before {background-color: #a0a9c0;}

warren buffet 03.08.2016 11:00

<style>

.value {

font-weight:700;
font-size:x-small;
padding:10px;
background:#ddd;

}

.value span {

font-weight:300;
font-size:normal;
background: #eee;
letter-spacing:10px;
padding:5px 5px 5px 10px;

}
</style>

<span class="value">

Тут у нас счетчик

<span>0716262</span>

warren buffet 03.08.2016 11:02

Цитата:

Сообщение от Spasatel801
могу показать

Лучше бы не показывал. Зачем ты по несколько раз одно правило пишешь?

Я так и думал, что тебе нужны отступы между цифрами. Ну рисуй спаны, хотя можешь обойтись любым другим коротким тегом типа b или i


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