powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выдать один CSS класс за другой
19 сообщений из 19, страница 1 из 1
Выдать один CSS класс за другой
    #39436340
Никанор Кузьмич
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Не знаю, как лучше тему сформулировать.
Проблема вот в чем: есть некий фреймворк (Oracle APEX). он генерирует страницы и в принципе позволяет использовать свои стили, но не везде. Например, я хочу сделть табы. Апекс генерирует такой код:
Код: html
1.
2.
3.
4.
<ul class="apex-rds a-Tabs" id="34137673806655520_RDS" ...>
  <li class="apex-rds-item apex-rds-first apex-rds-before apex-rds-selected" ...><span>Закладка 1</span></li>
  <li class="apex-rds-item apex-rds-after" ...><span>Закладка 2</span></li>
</ul>

У нас есть кастомные CSS, у которых другие названия классов. Апекс не позволяет задать свои названия классов, а менять названия наших CSS очень муторно (большая забюрократизированная контора, на это месяц уйдет). Но можно переопределить стандартный апексовый класс на странице. Есть ли какой-то способ указать, что класс apex-rds - это то же самое, что класс my-custom-css из файла my.css?
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436365
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никанор КузьмичЕсть ли какой-то способ указать, что класс apex-rds - это то же самое, что класс my-custom-css из файла my.css?
Как вариант...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('.apex-rds').addClass('my-custom-css').removeClass('apex-rds');
});
</script>
</head>
<body>
<ul class="apex-rds a-Tabs" id="34137673806655520_RDS">
	<li class="apex-rds-item apex-rds-first apex-rds-before apex-rds-selected"><span>Закладка 1</span></li>
	<li class="apex-rds-item apex-rds-after"><span>Закладка 2</span></li>
</ul>
</body>
</html>
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436408
Никанор Кузьмич
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Спасибо, этот способ я знаю, просто javascript не люблю. Использую, если ничто другое не поможет.
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436469
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никанор Кузьмич Выдать один CSS класс за другой тили-тили-тесто, жених и невеста
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436482
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никанор Кузьмичпросто javascript не люблю
Расист-программист?
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436718
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никанор Кузьмич, напишите свой post processor :)

Кстати не понял зачем менять названия ваших CSS? Если из примера следует, что вместо:
Код: css
1.
2.
3.
my-custom-css {
  /* ... */
}


надо
Код: css
1.
2.
3.
apex-rds, my-custom-css {
  /* ... */
}
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436852
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANAНиканор Кузьмич, напишите свой post processor :)

Как-то радикально, но это намного интересней, чем слишком простое и банальное решение от krvsa :)
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436882
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVosttКак-то радикально, но это намного интересней, чем слишком простое и банальное решение от krvsa :)
ого!
всегда думал, что банальная и простая задача должна решаться просто и банально...

но есть человеческий фактор - специалист может всё усложнить и переделать радикально, потому что так ему интересно :)
видимо времени много свободного а интересного вокруг мало...
:)
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436887
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
бухалтер фантоццивидимо времени много свободного а интересного вокруг мало...

или использовать подвернувшуюся возможность получить новые skills и повысить свой value


бухалтер фантоццивсегда думал, что банальная и простая задача должна решаться просто и банально...

или использовать чуть более сложное, но более универсальное решение, чтобы потом вообще не тратить время на решение таких задач, даже пусть банально и просто
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436888
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVostt,

так skyANA вроде привёл самый простой и универсальный вариант.

Насчёт "post processor" - само собой это был сарказм.
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436892
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
бухалтер фантоццитак skyANA вроде привёл самый простой и универсальный вариант.

вариант, который привели выше, проще для достижения конечной цели
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436894
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVosttбухалтер фантоццитак skyANA вроде привёл самый простой и универсальный вариант.

вариант, который привели выше, проще для достижения конечной целиТС сказал, что не любит javascript
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436900
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
бухалтер фантоцциТС сказал, что не любит javascript

придётся выбирать между не любовью к js и муторному изменению CSS файлов, препроцессинг бы исправил эту ситуацию
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436901
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
*постпроцессинг
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436903
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVosttбухалтер фантоцциТС сказал, что не любит javascript

придётся выбирать между не любовью к js и муторному изменению CSS файлов, препроцессинг бы исправил эту ситуацию
муторное изменение тут не требуется,
следовательно, препроцессинг тут не требуется.

Задача элементарна.
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39436905
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hVostt*постпроцессинг+1
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39448697
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
авторнекий фреймворк (Oracle APEX)

Мда есть же желающие со всякой дичью возиться! ((
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39448716
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
AreostarМда есть же желающие со всякой дичью возиться! ((
есть те, кто бэкенд любит больше чем фронт.))
Ну, и фреймворк-конструктор опять же.
Это ни плохо, ни хорошо. Это просто факты.
...
Рейтинг: 0 / 0
Выдать один CSS класс за другой
    #39448723
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никанор Кузьмичпросто javascript не люблю. Использую, если ничто другое не поможет.
п.п. AddClass в списке APEX
...
Рейтинг: 0 / 0
19 сообщений из 19, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выдать один CSS класс за другой
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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