Присваиваем 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

Сообщений: 10797 Регистрация: Мар 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

Сообщений: 10797 Регистрация: Мар 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

Сообщений: 10797 Регистрация: Мар 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

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

#10

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

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

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

Александр

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

#11

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

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

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

Coder

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

#12

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

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

Пожалуйста)

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

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

Александр

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

#13

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

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

Coder

Сообщений: 10797 Регистрация: Мар 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)

Новые темы	Объявления	Свободное общение
20:33 Ап выдачи Яндекса 8 апреля - есть движение, но интереснее что творится с AI-ответами Google 15:45 Смотреть здесь 15:33 опубликовано здесь 13:50 Штрафы за крипту до 2 млн + ап Яндекса 19 апреля - что опять поменяли и куда всё катится? 12:39 В Яндексе позиции держатся, а трафик проседает - стало заметно сильнее 12:32 Яндекс-ап 20 марта и похороны ChatGPT, Claude и Gemini. Считаем убытки 23:03 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру	20:35 Продам сайт - продукты питания 16:38 Продам Домен: 6bc.ru 15:43 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 15:12 Betatransfer.net - обменник электронных валют 13:24 EM24.biz - обмен валют 11:11 Вериф аккаунты АВИТО + платежи 10:05 Мониторинг обменников Сrypto-scout.io	20:36 Точные прогнозы на футбол 20:31 Во Франции начали штрафовать за IPTV - до 300-400 евро уже прилетает обычным пользователям 12:37 Список обновленных тем пуст... 12:34 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 23:00 арбитражники 18:58 Ставки на супер тренды в спорте 21:08 Подтягиваем физкультурку