Присваиваем class последнему блоку

Присваиваем class последнему блоку, помогите пожалуйста

Сообщений: 474 Регистрация: Мар 2011

12 Декабря 2014 23:23

Здравствуйте!
Сразу скажу, я не селен в js, можно сказать вообще не понимаю.

А теперь попробую объяснить что мне нужно.
Есть <div class="xinfo"> при наведении мыши, пользователь видит следующее:
Рисунок

Все конечно хорошо, но! Тем у кого разрешение монитора 1920.

А вот, что видят у кого экран меньше: http://joxi.ru/1A5WkNzibGMNmE.png

Но! У меня есть class "reverse" который показывает окно в другую сторону, то есть http://joxi.ru/52aRDqkskbjWA0.png

Отсюда вопрос, как сделать так: http://joxi.ru/DmBxjWNI4zbwAP.png

Как сделать чтоб при уменьшении разрешения у выделенным красным блока был <div class="xinfo"> а у остальных уже было <div class="xinfo reverse">

Буду очень благодарен за помощь, смогу отблагодарить на wmr!

Изменено: Александр - 12 Декабря 2014 23:24

Веб дизайн - отзывы

Александр

Сообщений: 474 Регистрация: Мар 2011

16 Декабря 2014 21:32

Ну что? Не кто не сталкивался с этим?

Coder

Сообщений: 10568 Регистрация: Мар 2013

16 Декабря 2014 22:01

Думается, через медиа запросы в css. Элементы адаптивного дизайна.

_http://htmlbook.ru/css/media

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Сервис временных ссылок

HTMLXHTML

Сообщений: 121 Регистрация: Дек 2014

16 Декабря 2014 22:20

Там при уменьшении сбрасываются стили

Александр

Сообщений: 474 Регистрация: Мар 2011

16 Декабря 2014 22:37

Уже на другом сайте давали на медиа. Дело в том, что медиа присвоит либо всем класс xinfo либо reverse. А мне нужно при сужении чтоб первым 4 блокам присвоено было <div class="xinfo"> а остальным четырем <div class="xinfo reverse">

Так сделано на ivi, при сужении монитора у них блок открывается влево!Как тут => http://joxi.ru/52aRDqkskbjWA0.png

Coder

Сообщений: 10568 Регистрация: Мар 2013

16 Декабря 2014 22:45

Даже если через js, то нужно иметь привязку (id, например) для тех или иных блоков.

_http://coderhs.com/archive/jquery_about

найдите пример: "Другая частая задача – это добавление или удаление класса."

Александр

Сообщений: 474 Регистрация: Мар 2011

16 Декабря 2014 22:55

Цитата
Coder пишет: Даже если через js, то нужно иметь привязку (id, например) для тех или иных блоков.

Смотрите как прописано на ivi:

При разрешении 1920 <div id="xinfo_14904812" class="xinfo">
Уменьшаем разрешение и уже у них прописано <div id="xinfo_14904812" class="xinfo reverse">

Вот теперь думаю, как в DLE присвоить этот класс reverse когда у меня код выглядит так <div class="xinfo"> и дублируется 8 раз.

Coder

Сообщений: 10568 Регистрация: Мар 2013

16 Декабря 2014 23:31

Цитата
Александр пишет: чтоб первым 4 блокам присвоено было <div class="xinfo"> а остальным четырем <div class="xinfo reverse">

Попробуйте обернуть первые четыре в свой дополнительный блок, и остальные четыре - в свой, со своими id, и через дочерние элементы div присваивать свой class, в соответствии с media размером

Александр

Сообщений: 474 Регистрация: Мар 2011

16 Декабря 2014 23:37

Цитата
Coder пишет: Попробуйте обернуть первые четыре в свой дополнительный блок, и остальные четыре - в свой, со своими id, и через дочерние элементы div присваивать свой class, в соответствии с media размером

Что то я совсем запутался!
Давайте поподробнее:

Есть файл test.tpl в нем идет код:

Код
<div class="xinfo"> тут еще код </div>

Потом я вывожу этот файл так

Код
{custom category="17,18" template="test" from="0" limit="16" cache="no"}

И вот теперь появляется вопрос, как?

Coder

Сообщений: 10568 Регистрация: Мар 2013

#10

16 Декабря 2014 23:41

Цитата
Александр пишет: И вот теперь появляется вопрос, как?

По подробнее надо бы спросить у спецов по ДЛЕ - то, что я предложил, является вариантом "чистого" html и css.

Александр

Сообщений: 474 Регистрация: Мар 2011

#11

16 Декабря 2014 23:53

Цитата
Coder пишет: По подробнее надо бы спросить у спецов по ДЛЕ - то, что я предложил, является вариантом "чистого" html и css.

Да вот в том то и дело, что на DLE я застрял с этой ерундой. Спасибо за советы, пришлите wmr в ЛС отблагодарю за помощь.

Coder

Сообщений: 10568 Регистрация: Мар 2013

#12

16 Декабря 2014 23:59

Цитата
Александр пишет: Спасибо за советы

Пожалуйста)

Цитата
пришлите wmr в ЛС отблагодарю за помощь

) Благодарен за предложение, но это безвозмездно.

Александр

Сообщений: 474 Регистрация: Мар 2011

#13

17 Декабря 2014 00:01

Где бы гуру по DLE найти?

Coder

Сообщений: 10568 Регистрация: Мар 2013

#14

17 Декабря 2014 00:03

Цитата
Александр пишет: Где бы гуру по DLE найти?

Есть такие - если не ошибаюсь, Yaltagrad как-то кому-то рекомендовал.

Нашел: _http://www.cy-pr.com/forum/f63/t71985/m784238#message784238

Изменено: Coder - 17 Декабря 2014 00:07

Александр

Сообщений: 474 Регистрация: Мар 2011

#15

17 Декабря 2014 00:12

Цитата
Coder пишет: Нашел:

Спасибо, отписал ему, ждем ГУРУ smile:confused:

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
13:54 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 14:50 Индексация страниц 12:36 У кого новостник, дайте пару советов плиз 13:53 AviTool - мощный инструмент для автоматизации работы с Avito 17:01 Absence в Армении 23:19 Ребята подскажите какими сервисами и прогами вы пользуетесь для SEO продвижения? 14:50 Какую выбрать тему/нишу для сайта?	15:28 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 22:49 Обменник криптовалюты OnlyCrypto 20:21 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 19:49 CactusPay.PRO \| Умная платёжная система с выводом в USDT TRC-20 16:02 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 19:37 Продажа лидов: форекс, инвестиции, нативка, гемблинг, чарджбеки 15:45 Резидентные Прокси Ротационные BACKCONNECT США Европа Микс	05:04 Точные прогнозы на футбол 14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 12:23 150+ хакерских поисковых систем и инструментов 08:38 Накрутка поисковых подсказок 17:41 Стряхнуть обыденность - об Агасфере 10:54 Добро пожаловать в цифровой мир...