Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как назначить стиль в зависимости от кол-ва элементов в списке? / 17 сообщений из 17, страница 1 из 1
08.01.2013, 19:22
    #38102436
Shitbox2
Shitbox2
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Есть список с элементами, нужно этому списку назначать разные стили в зависимости от кол-ва элементов в списке. Если один элемент, то будет class="area size1", если два — class="area size2" и т. д. Хочется сделать этот код компактным и желательно поместить внутрь тега списка. Как это сделать?
Код: html
1.
2.
3.
4.
5.
<ul class="area" onload="???">
    <li></li>
    ...
    <li></li>
</ul>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2013, 20:40
    #38102513
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Shitbox2, на сервере опять религия не позволяет?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2013, 20:50
    #38102522
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Если список один, то например так:
Код: javascript
1.
$('ul.area').addClass('size' + $('ul.area li').length);
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2013, 22:57
    #38102636
Shitbox2
Shitbox2
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Конечно не позволяет! Это же чистой воды оформительство! По сути, эмулирую CSS4 или CSS5, когда можно будет делать селекты в зависимости от кол-ва элементов. В CSS3 можно только индивидуально оформлять пустой блок — первый шажок.

Непонятно как это вклинить в HTML. onload работает только для body, а писать так:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
<script>
    $('ul.area').addClass('size' + $('ul.area li').length);
</script>
<ul class="area" onload="???">
    <li></li>
    ...
    <li></li>
</ul>

слишком громоздко
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2013, 23:36
    #38102678
iConst
iConst
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Shitbox2,

Мож отстал от жизни: когда ul обзавелся событием onload ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 00:10
    #38102705
Shitbox2
Shitbox2
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
В том-то и дело, что не обзавелся. Это мои фантазии,что как было бы хорошо, если бы что-то такое поддерживалось. Тогда можно было бы запихнуть код прямо в тег
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 01:00
    #38102731
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Shitbox2Конечно не позволяет! Это же чистой воды оформительство! По сути, эмулирую CSS4 или CSS5, когда можно будет делать селекты в зависимости от кол-ва элементов. В CSS3 можно только индивидуально оформлять пустой блок — первый шажок.

Непонятно как это вклинить в HTML. onload работает только для body, а писать так:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
<script>
    $('ul.area').addClass('size' + $('ul.area li').length);
</script>
<ul class="area" onload="???">
    <li></li>
    ...
    <li></li>
</ul>

слишком громоздкоА HTML у Вас где формируется? Может Вам движок какой для представления заюзать? Даже интересно стало, чем area size1 отличается по оформлению, от area size2.

P.S.: тег <script> должен идти после </ul>, так скрипт выполнится после загрузки списка
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 13:56
    #38103351
Shitbox2
Shitbox2
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Ну, еще, движков накручивать! И так jQuery юзаю) А задача достаточно распространенная,и в большинство соц. сетей ее так же решают. Отображение фоток под комментариями. Если фотка одна, то она показывается в прямоугольнике на всю ширину колонки. Если 2, 3, 4 то показываются в квадратных областях отмасштабированных так, чтобы влезть по ширине. Если 5 и более, то в квадратах с заполнением нескольких строк по 5 штук. Варианты могут варьироваться
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 14:16
    #38103391
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Shitbox2, нужно юзать ООП и писать компонент, что и будет инкапсулировать в себе описанную Вами логику
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 14:38
    #38103464
Shitbox2
Shitbox2
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
ООП, компонент... Слишком сложно! Должно быть простое изящное решение!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 14:44
    #38103487
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Shitbox2ООП, компонент... Слишком сложно! Должно быть простое изящное решение!Как найдёте его для себя, сюда не забудьте выложить.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 15:11
    #38103558
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Shitbox2Должно быть простое изящное решение!
Тебе про него написали сразу же...
skyANAна сервере опять религия не позволяет?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 23:35
    #38104218
Shitbox2
Shitbox2
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
А причем здесь сервер? Сервер в моем случае выдает исключительно данные. Весь html формируется js
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 23:52
    #38104227
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Shitbox2Весь html формируется jsПочему тогда нельзя нагенерить стилей хоть персонально для каждого li?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.01.2013, 08:20
    #38104370
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Shitbox2А причем здесь сервер? Сервер в моем случае выдает исключительно данные.
Так вот по количеству тех данным можно сделать любой контент и любую разметку...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.02.2013, 07:02
    #38148814
Shitbox2
Shitbox2
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Можно, но сложно. Уж очень не хочется js загромождать оформительским кодом... А так нужно в цикле делать проверку, если один элемент такой стиль, если два — другой...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.02.2013, 08:23
    #38148839
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как назначить стиль в зависимости от кол-ва элементов в списке?
Shitbox2А так нужно в цикле делать проверку, если один элемент такой стиль, если два — другой...
Не факт что потребуется цикл... Смотря какие теги используются. Если все сделать оптимально - достаточно будет свойства length.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как назначить стиль в зависимости от кол-ва элементов в списке? / 17 сообщений из 17, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 505ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448723]:
 0ms
get settings:
 7ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 202ms
get topic data:
 8ms
get forum data:
 3ms
get page messages:
 32ms
get tp. blocked users:
 1ms
others: 238ms
total:  505ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]