Код прост, и вы можете использовать его каждый раз, когда используете apex.message.showPageSuccess().
apex.message.showPageSuccess("The email has already a password belong to this website"); $('#t_Alert_Success').attr('style','background-color: #fffae5;'); $('.t-Alert-title').attr('style','color: black;font-weight: bold;'); $('#t_Alert_Success div div.t-Alert-icon span').removeClass('t-Icon').addClass('fa fa-exclamation-triangle fa-2x fa-anim-flash fam-x fam-is-danger'); $('#t_Alert_Success div div.t-Alert-icon span').attr('style','color: #ffcc00'); $('div.t-Alert-buttons button.t-Button span.t-Icon').css('color', '#f00');
вот разбивка кода:
1. `apex.message.showPageSuccess(“Over Lapping”);`
— в этой строке отображается сообщение об успешном завершении с текстом “Over Lapping” на текущей странице.
2. `$('#t_Alert_Success').attr('style','background-color: #fffae5;');`
— Эта строка устанавливает светло-желтый цвет фона сообщения об успехе ( #fffae5), изменив атрибут встроенного стиля элемента DOM с идентификатором `t_Alert_Success`.
3. `$('.t-Alert-title').attr('style','color: black;font-weight: bold;');`
— Эта строка устанавливает цвет и толщину шрифта заголовок сообщения об успехе сделать черным и полужирным соответственно, изменив атрибут встроенного стиля всех элементов DOM с помощью класса `t-Alert-title`.
4. `$('#t_Alert_Success div div.t-Alert-icon span').removeClass('t-Icon').addClass('fa fa-восклицательный-треугольник fa-2x fa-anim-flash fam-x fam -is-danger');`
— Эта строка заменяет значок сообщения об успешном завершении по умолчанию пользовательским значком путем удаления класса t-Icon из элемента DOM с классом t-Alert-icon и добавление нескольких новых классов, соответствующих прекрасному шрифту значку восклицательного треугольника, который мигает красным.
5. `$('#t_Alert_Success div div.t-Alert-icon span').attr('style','color: #ffcc00');`
— Эта строка устанавливает цвет пользовательского сообщения об успехе на светло-оранжевый цвет (#ffcc00), изменив атрибут встроенного стиля элемента DOM с помощью класса `t-Alert-icon`.
6. `$('div.t-Alert-buttons button.t-Button span.t-Icon').css('color', '#f00');`
— Эта строка устанавливает цвет значок кнопки сообщения об успешном завершении стал красным (#f00) путем изменения стиля CSS элемента DOM с помощью класса `t-Icon`, который вложен в элемент `span`, который вложен в элемент `button`, имеющий класс `т-кнопка`.
В целом, этот код настраивает внешний вид сообщения об успехе в Oracle Apex, изменяя цвет фона, стиль заголовка, значок и цвет кнопки.