Event onBlockShown, javascript, как сделать?

Question

[beefront17]

Добрый день! Подскажите пожалуйста правильное решение!
Есть чекаут страница построенная на табах, в каждом табе есть форма, табы переключаются на типа сабмит этой формы или на клик самого табу если ты прошел этот шаг. В каждом табе есть селект с каким-то назначением.
Вопрос как извлекать value селекта когда ты только перешол на таб. Вешать ивент на два элемента как-то не очень разумно плюс таб открывается с задержкой так как есть всякие проверки.
Нужен какой-то ивент, типа onBlockShown)
Буду благодарен за любые идеи)

Comments

[Kovalsky]

Лучше покажите код, так не очень понятно.

[beefront17]

Никита Полевой, код не получется показать, сайт на магенто.
Если кратко нужно отлавливать момент когда блок становиться display block

Answer 1

[ой всё]

вы все все очень правильно думаете, и скорее всего у вас есть шанс на хорошее будущее в разработке, но пока адепты ангуляра, реакта и вью об этом не додумались и продолжают вешать хэндлеры-дубликаты на каждый элемент, который может получить событие: будет у вас пять кнопок, от которых зависит одно значение элемента, они повесят пять хэндлеров для этого значения

в лучшем случае они изобрели shadow tree и там даже пытаются передавать сообщения по веткам, но по всей видимости безуспешно, если такая простая мысль, как ваша, им до сих пор не пришла в голову

чтобы сделать то, что вы хотите, нужно чтобы все элементы интерфейса имели свои уникальные ID и были связаны отношениями родитель-ребенок в дереве, по которому легко передавать "ивент, типа onBlockShown", причем даже достаточно передавать универсальный всех ивент синхронизации, по которому остальные элементы будут делать все, что им нужно сделать в этот момент

при таком раскладе у вас будет полная свобода: вы сможете передавать любой ивент всему приложению/форме, можете передавать только отдельной ветке, только одному элементу или всем элементам, которые ожидают вашего специального события "onBlockShown"

по такой технологии мы снизили сроки разработки с нескольких месяцев работы 2-3 разработчиков до двух-трех недель, включая интенсивное тестирование, одним разработчиком, колоссально минимизировали количество ошибок, причем все наши элементы интерфейса и вся логика легко переносится в любой другой проект

Comments

[Kovalsky]

Если речь о делегировании, то подавляющее большинство адептов реактивных инструментов знают такое страшное слово, а некоторые даже знают что оно значит. Ни один из перечисленных вами инструментов никак не ограничивает юзера в плане использования делегирования или глобальных событий. Ваши нападки актуальны только для таких меньшинств, как "jQuery-программисты".

[ой всё]

Никита Полевой, это не делегирование, а синхронизация по событию
и нет не знают, иначе бы эта технология уже бы существовала не только у нас, а все адепты давно бы на нее переехали
пока я вижу только то, что все адепты годами колупаются в html и пишут безумные объекты фронтенда, которых в реальности просто не существует

[Kovalsky]

AnneSmith, как раз наоборот - раньше все кому не лень так делали, у Ben Nadel даже есть статья в которой он делится своим мнением о известных ему случаях абсолютно неуместного использования глобальных ивентов.

Не очень понимаю почему вы присвоили этому статус "технология", это довольно простой принцип. Тот же бутстрап использует глобальные события и в этом нет ничего примечательного. Такой подход используют при надобности довольно часто. Тут некуда переезжать, глобальные ивенты вполне совместимы с локальными ивентами. А уж что вы там делаете - синхронизируете или что-то ещё - это не играет роли.

[ой всё]

Никита Полевой, потому что у нас не только принцип, а полный технологический цикл создания фронтенд приложений, с помощью которого полноценное приложение может создать человек с минимальными знаниями программирования за день или несколько дней, в зависимости от сложности тз - покажите мне такую систему на ангуляре, реакте или еще какой шарманке

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

[Kovalsky]

AnneSmith, а при чём тут тогда простенький приём трансляции глобальных ивентов, если речь о каком-то "полном технологическом цикле создания фронтенд приложений"?

Ну, положим, фантазировать мне или нет, это я уж разберусь, а вот если вы утверждаете, что я оказывается еще и понятия не имею об этом, то вам всё-таки стоит хоть как-то намекнуть что у вас за компания такая прекрасная и какие у её сотрудников есть публикации, или хотя бы привести пример программного продукта, в котором демонстрировались бы эти ваши замечательные приёмы, увидев которые мы (и лично я) прозреем и поймём свою несостоятельность как разработчиков. Иначе создаётся впечатление, что это пустое бахвальство - вы, получается, что-то типа д'Артаньяна, а мне следует просто заткнуться, если я с вами не согласен, и никаких пруфов не будет. С удовольствием заткнусь и уползу под стол если вы мне покажете о чём речь, благо тостер это Q&A и предназначен том числе для обмена опытом, так что можете без стеснения приступать к обмену, я уже готов внимать.

[ой всё]

Никита Полевой, вы не можете иметь понятие о разработке, которая никогда не была и скорее всего не будет опубликована, в лучшем случае или я сделаю собственную версию или кто-то другой додумается до такого же простого подхода

приложения уже успешно работают больше года, сейчас работаем над дополнениями, но вас туда не пустят ни при каком раскладе

на понт можете брать начинающих фрилансеров, у меня не стоит задачи вас переубеждать, это же не я ковыряюсь в ангуляре и комплексую на тему своей несостоятельности

но хочу заметить, что таким способом вы никогда не сможете узнать то, что вам так хочется узнать

[Kovalsky]

AnneSmith, при чем тут "вы не можете иметь понятие" если я вас как раз об этом спрашиваю? Я именно потому и спрашиваю, что вы там такого прекрасного делаете, потому что не имею понятия.

Не смешите мои тапки, у вас исходное сообщение на полторы тысячи символов, и это и ваш тон свидетельствуют о том, что вы сюда пришли кого-то в чем-то убеждать. Я тоже не копаюсь в ангуляре, я просто в курсе что там нет никаких ограничений для реализации всего вами перечисленного. Упоминание о несостоятельности делает меня думать, что дальше пойдут в ход такие приёмы диалектики, как красочные описания похождения одного из моих родителей в обществе мужчин, щедро отстёгивающих ему за интимные услуги, как мило.

Вообще я не очень понял что здесь происходит. Был задан вопрос, вы написали пространное сообщение в котором посоветовали использовать кастомные события и заодно опустили реактивный фронтенд. После этого я вам заметил, что всё перечисленное вами используется со времён первого пришествия и ничего особенного нового в этом нет, тогда вы сказали что я ничего не понимаю и начали пускать пыль в глаза всякими "технологиями" и "технологическими циклами". Очевидно, изначальный вопрос задавал совсем неопытный человек, для которого ваша писанина значила не так уж много. Если вы решили таким образом порисоваться перед начинающим - так бы и сказали сразу, ничего не имею против. Но если вы не собираетесь добавить никакого конструктива в этот разговор, то ваше сообщение является не более чем троллингом, т.к. на данном этапе вы только предложили мне "колупать хтмл" и уличили в каких-то комплексах по поводу несостоятельности. Я не особенно хочу ничего узнавать о вашем бизнесе, я просто привык к конструктиву - если человек кого-то уличает в глупости, то он чаще всего предлагает свой вариант, а не говорит в итоге что все мы недолюди и всё так просто, что мы, дебилы, даже и не поймём.

[ой всё]

Никита Полевой, извините, у меня нет времени на ваши рефлексии

[Kovalsky]

AnneSmith, а время порисоваться перед нубами есть, как мило.

Забавно, что вы так и не рассказали, почему же реактивные адепты такие глупые и нехорошие люди.

В общем, балабольство сплошное, нападки беспочвенны.

[Exploding]

AnneSmith, Простите, а Вы человек женского пола или нет?

[ой всё]

Exploding, а вы сексист?

[Exploding]

AnneSmith, Ну что Вы... Нет конечно!

Answer 2

[Сергей Сергей]

В тех местах программы, где таб должен открываться (после проверок или как), писать что-то типа
$('#that_tab').fire('blockshown');

и теперь будет событие blockshown на табах, на которые будет применяться такая строка.
Подписаться на это событие
$('.thesetabs').on('blockshown', eventProcedure);

Comments

[beefront17]

Что значит - В тех местах программы, где таб должен открываться ?
в php?

[Сергей Сергей]

beefront17
я не понял, причем тут пхп?

[Kovalsky]

beefront17, термин событие в разработке значит абсолютно то же что и в русском языке: когда у вас открылось окно, произошло событие "открытие окна". Когда у вас открылась вкладка, то произошло событие "открытие вкладки". Следовательно, fire (а на самом деле trigger) нужно делать в конце алгоритма, ответственного за открытие вкладки.

Вкладки (табы) вы как открываете?

[beefront17]

Сергей Сергей, затупил)
Спасибо за ответ!

[beefront17]

Никита Полевой, магенто все делает, не хотел лезть туда.