ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как назначить стиль в зависимости от кол-ва элементов в списке?
17 сообщений из 17, страница 1 из 1
Как назначить стиль в зависимости от кол-ва элементов в списке?
    #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, 19:22
| Ответить | Цитировать | Написать  
Как назначить стиль в зависимости от кол-ва элементов в списке?
    #38102513
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Shitbox2, на сервере опять религия не позволяет?
...
Рейтинг: 0 / 0
08.01.2013, 20:40
| Ответить | Цитировать | Написать  
Как назначить стиль в зависимости от кол-ва элементов в списке?
    #38102522
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Если список один, то например так:
Код: javascript
1.
$('ul.area').addClass('size' + $('ul.area li').length);
...
Рейтинг: 0 / 0
08.01.2013, 20:50
| Ответить | Цитировать | Написать  
Как назначить стиль в зависимости от кол-ва элементов в списке?
    #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, 22:57
| Ответить | Цитировать | Написать  
Как назначить стиль в зависимости от кол-ва элементов в списке?
    #38102678
Фотография iConst
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
iConst
Участник
Shitbox2,

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


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