css BODY, Разметка ячеек на четные и не четные
|
|
|
2012-09-06Дата: Четверг, 06.09.2012, 21:37 | Сообщение # 1 |
Сержант
Группа: Пользователи
Статус: Offline
|
Прошу помочи!!! Увидел на форуме ucoz этот топик-как раз то что мне нужно. Но немного не понял. И там тишина-не помогают!
YuriT, Quote (YuriT) Чтобы каждое второе (четное) объявление имело свой стиль, можно использовать код (Вставить после $BODY$ в шаблоне) <script> $('div[id^="entryID"]:odd').addClass('oddBD') </script> 1 2 3
который добавит класс oddBD к каждому второму объявлению на странице. Соответственно, для этого класса надо будет определить стиль с нужным бэкграундом.
Здравствуйте объясните по этому посту пож-ста!!
Допустим у меня есть класс
< class="offer odd-row" >
как мне сделать чтобы каждое второе объявление было с этим классом?
Вставить в скрипте этот класс вместо oddBD? Пытался не получается
Если можно вставте в скрипт класс как правильно он должен быть-выглядеть скрипт. Спасибо!!!
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 21:47 | Сообщение # 2 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
leo, Допустим у меня есть класс Code < class="offer odd-row" > - Это не класс, а кусок кода. В этом коде у элемента не один класс, а два.
А сделать вот так: Code <script type="text/javascript"> $(document).ready(function(){$('div[id^="entryID"]:odd').addClass('offer odd-row');}); </script>
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 22:02 | Сообщение # 3 |
Сержант
Группа: Пользователи
Статус: Offline
|
не получается просто вставить 'offer odd-row' как у Вас в скрипте
у меня если добавить class="offer odd-row"> к таблице то строка синяя
если class="offer "> то белая
так вот мне чтобы чередовались объявления с разными цветами нужно...
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 22:08 | Сообщение # 4 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
leo, так вот мне чтобы чередовались объявления с разными цветами нужно... Нужно прописать: Code <script type="text/javascript"> $(document).ready(function(){ $('div[id^="entryID"]:odd').addClass('odd-row'); $('div[id^="entryID"]:even').addClass('offer'); }); </script>
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 22:14 | Сообщение # 5 |
Сержант
Группа: Пользователи
Статус: Offline
|
не получается
вот кусок БОДИ....на конце класс который делает объявление полоску синей
<td class="estaddress"><h2 class="estname"><a href="/node/8491353">3-комнатная квартира</a></h2>Мушникова, 11<div class="gray">Инорс</div><span class="red"></span></td> <td class="estleft"><span class="ests">664 м²</span><br /> <span class="estfloor">9-й этаж</span><br /> <div class="estnew"></div> </td><td class="estphoto"><a href="/estate/decl/live/offer/zhilaya-nedvizhimostprodazha-ufa-mushnikova-11-3-komnatnaya-4-500-000-r"><img src="/files/imagecache/small/files/est_photos/P8290246.JPG" title=""></a></td></tr><tr nid="8491345" class="offer odd-row">
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 22:21 | Сообщение # 6 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Или, по моему более грамотный скрипт: Code <script type="text/javascript"> $(document).ready(function(){ $('div[id^="entryID"]').each(function(i){ $(this).addClass(i%2?'odd':'even'); }); }); </script>
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 22:25 | Сообщение # 7 |
Сержант
Группа: Пользователи
Статус: Offline
|
Что это?
не вижу класса в скрипте
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 22:29 | Сообщение # 8 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
leo, Вот классы: Quote (Code) $(this).addClass(i%2?'odd-row':'even-row'); - а там, какие нужны - такие и подставляем.
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 22:35 | Сообщение # 9 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
вот кусок БОДИ....на конце класс который делает объявление полоску синей В этом куске кода нет, ни блока - элемента ни элемента с ID начинающимся на «entryID».. Для чего вы выложили этот кусок?
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 22:35 | Сообщение # 10 |
Сержант
Группа: Пользователи
Статус: Offline
|
не выходит вставил вот так
Code <script type="text/javascript"> $(document).ready(function(){ $('div[id^="entryID"]').each(function(i){ $(this).addClass(i%2?'offer':'offer odd-row'); }); }); </script>
и нет измений
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 22:37 | Сообщение # 11 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
leo, Значит у вас нет таких элементов на странице.
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 22:39 | Сообщение # 12 |
Сержант
Группа: Пользователи
Статус: Offline
|
В этом куске кода нет, ни блока - элемента ни элемента с ID начинающимся на «entryID».. Зачем этот кусок вы выложили? для примера он не полный конечно
вот всё что в виде материалов
[code]<td class="estdate"><a href="$ENTRY_URL$">$DATE$</a></td> <td class="estprice"><span style="font-size:10pt"><span style="color:green"><a href="$ENTRY_URL$"><?if($OTHER2$)?>$OTHER2$<?else?>договорная<?endif?></a></span></span></h1></div></td> <td class="estaddress"><h2 class="estname"><span style="font-size:10pt"><a href="$ENTRY_URL$">$TITLE$</h2><span style="font-size:10pt">$OTHER1$</span></a><span class="red"></span></span></td> <td class="estleft"><span class="ests"><a href="$ENTRY_URL$">$AUTHOR_NAME$</a></span><br /> <span class="estfloor"><span style="font-size:10pt"><a href="$ENTRY_URL$">тел. $AUTHOR_PHONE$</a></span></span><br /> <div class="estnew"></div> </td><td class="estphoto"><a href="$ENTRY_URL$"><?if($OTHER2$)?><img width="80" height="60" src="$IMG_URL1$" title="$TITLE$"></a><?else?><?endif?></td></tr><tr class="offer odd-row">[/code]
Добавлено (06.09.2012, 22:39) --------------------------------------------- Значит у вас нет таких элементов на странице. если в виде материалов классы меняю цвет тоже меняется...как нет?
Сообщение отредактировал leo - Четверг, 06.09.2012, 22:45 | | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 22:53 | Сообщение # 13 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
leo, вот всё что в виде материалов Нет там такого.
если в виде материалов классы меняю цвет тоже меняется...как нет? Вы не видите что скрипт работает только с блоками у которых ID начинается на entryID Code $('div[id^="entryID"]') ... Например с такими: Code <div id="entryID1"> ... </div> <div id="entryID2"> ... </div> <div id="entryID3"> ... </div> <div id="entryID4"> ... </div> При чем тут это?
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 23:02 | Сообщение # 14 |
Сержант
Группа: Пользователи
Статус: Offline
|
Ладно не получается и бог с ним.
Подскажите ещё такую деталь по скриптам. Существует винджет у ucoz где можно поделиться ссылкой в социальных сетях.Так вот при нажатии на поделиться он в ссылку вставляет любое фото которые присутствуют на странице =хоть в блоге,хоть в новости...Бреед
Если решение,чтобы как в других CMS нажал поделиться и там уже фото IMG1
| | |
|
|
2012-09-06Дата: Четверг, 06.09.2012, 23:08 | Сообщение # 15 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
leo, Ладно не получается и бог с ним. - Да вы просто объясните к какому именно элементу нужно добавить класс. Элемента с ID entryID у вас нету. Тогда к какому? К вот этому что ли? Code <tr class="offer odd-row"> ... - тогда проще один удалить - «odd-row» у нечетных. Code <script type="text/javascript"> $(document).ready(function(){ $('tr.offer:even').removeClass('odd-row'); }); </script>
Если решение,чтобы как в других CMS нажал поделиться и там уже фото IMG1 Возможно и есть, но это точно не в стандартном виджете. Конкретно - не скажу - не использую виджеты от юкоз. Принципиально.
| | |
|