css BODY, Разметка ячеек на четные и не четные
|
|
[1] leo [06.09.2012, 21:37] |
Прошу помочи!!! Увидел на форуме ucoz этот топик-как раз то что мне нужно. Но немного не понял. И там тишина-не помогают!
YuriT, Quote (YuriT) Чтобы каждое второе (четное) объявление имело свой стиль, можно использовать код (Вставить после $BODY$ в шаблоне) <script> $('div[id^="entryID"]:odd').addClass('oddBD') </script> 1 2 3
который добавит класс oddBD к каждому второму объявлению на странице. Соответственно, для этого класса надо будет определить стиль с нужным бэкграундом.
Здравствуйте объясните по этому посту пож-ста!!
Допустим у меня есть класс
< class="offer odd-row" >
как мне сделать чтобы каждое второе объявление было с этим классом?
Вставить в скрипте этот класс вместо oddBD? Пытался не получается
Если можно вставте в скрипт класс как правильно он должен быть-выглядеть скрипт. Спасибо!!! |
|
[2] likbezz [06.09.2012, 21:47] |
leo, Допустим у меня есть класс Code < class="offer odd-row" > - Это не класс, а кусок кода. В этом коде у элемента не один класс, а два.
А сделать вот так: Code <script type="text/javascript"> $(document).ready(function(){$('div[id^="entryID"]:odd').addClass('offer odd-row');}); </script> |
|
[3] leo [06.09.2012, 22:02] |
не получается просто вставить 'offer odd-row' как у Вас в скрипте
у меня если добавить class="offer odd-row"> к таблице то строка синяя
если class="offer "> то белая
так вот мне чтобы чередовались объявления с разными цветами нужно... |
|
[4] likbezz [06.09.2012, 22:08] |
leo, так вот мне чтобы чередовались объявления с разными цветами нужно... Нужно прописать: Code <script type="text/javascript"> $(document).ready(function(){ $('div[id^="entryID"]:odd').addClass('odd-row'); $('div[id^="entryID"]:even').addClass('offer'); }); </script> |
|
[5] leo [06.09.2012, 22:14] |
не получается
вот кусок БОДИ....на конце класс который делает объявление полоску синей
<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">
|
|
[6] likbezz [06.09.2012, 22:21] |
Или, по моему более грамотный скрипт: Code <script type="text/javascript"> $(document).ready(function(){ $('div[id^="entryID"]').each(function(i){ $(this).addClass(i%2?'odd':'even'); }); }); </script> |
|
[7] leo [06.09.2012, 22:25] |
Что это?
не вижу класса в скрипте |
|
[8] likbezz [06.09.2012, 22:29] |
leo, Вот классы: Quote (Code) $(this).addClass(i%2?'odd-row':'even-row'); - а там, какие нужны - такие и подставляем. |
|
[9] likbezz [06.09.2012, 22:35] |
вот кусок БОДИ....на конце класс который делает объявление полоску синей В этом куске кода нет, ни блока - элемента ни элемента с ID начинающимся на «entryID».. Для чего вы выложили этот кусок? |
|
[10] leo [06.09.2012, 22:35] |
не выходит вставил вот так
Code <script type="text/javascript"> $(document).ready(function(){ $('div[id^="entryID"]').each(function(i){ $(this).addClass(i%2?'offer':'offer odd-row'); }); }); </script>
и нет измений |
|
[11] likbezz [06.09.2012, 22:37] |
leo, Значит у вас нет таких элементов на странице. |
|
[12] leo [06.09.2012, 22:39] |
В этом куске кода нет, ни блока - элемента ни элемента с 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 |
|
[13] likbezz [06.09.2012, 22:53] |
leo, вот всё что в виде материалов Нет там такого.
если в виде материалов классы меняю цвет тоже меняется...как нет? Вы не видите что скрипт работает только с блоками у которых ID начинается на entryID Code $('div[id^="entryID"]') ... Например с такими: Code <div id="entryID1"> ... </div> <div id="entryID2"> ... </div> <div id="entryID3"> ... </div> <div id="entryID4"> ... </div> При чем тут это? |
|
[14] leo [06.09.2012, 23:02] |
Ладно не получается и бог с ним.
Подскажите ещё такую деталь по скриптам. Существует винджет у ucoz где можно поделиться ссылкой в социальных сетях.Так вот при нажатии на поделиться он в ссылку вставляет любое фото которые присутствуют на странице =хоть в блоге,хоть в новости...Бреед
Если решение,чтобы как в других CMS нажал поделиться и там уже фото IMG1 |
|
[15] likbezz [06.09.2012, 23:08] |
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 Возможно и есть, но это точно не в стандартном виджете. Конкретно - не скажу - не использую виджеты от юкоз. Принципиально. |
|