Выполнение действия на странице после срабатывания действия в другом скрипте

@oleksandr1 · Регистрация: 19.07.2015

Author24 — интернет-сервис помощи студентам

В теле страницы есть скрипт такого вида:

Javascript

1	<script>(function(d,a,b){let s=d.createElement('script');s.async=true;s.src='https://site.pro/code/pops.js?h=&si2='+b;d.head.appendChild(s);});</script>

Скрипт подтягивает на страницу окошко с кнопками (показываю часть кода):

HTML5

1
2
3

<div id="Popup__f">
<button type="button" id="Popup__btnAllow">Yes</button>
<button type="button" id="Popup__btnCancel">No</button></div></div>

Можно ли вызвать редирект своей страницы при нажатии кнопки юзером "Yes" в этом поп окне?
Пробовал вставить в хидер такую конструкция но не работает:

Javascript

<script type="text/javascript">
    document.getElementById("Popup__btnAllow").onclick = function () {
        location.href = "www.yoursite.com";
    };
</script>

С Java языком незнаком, использую что нашел в интернете и интуицию

Спасибо за понимание

@Qwerty_Wasd · 24.02.2019, 14:43

Чтобы обратиться к узлу дерева, нужно как минимум быть уверенным в его существовании. Возможно Вы обращаетесь к

Javascript

1	document.getElementById("Popup__btnAllow")

когда на странице его еще нет. Примитивно можно использовать таймер и в калбеке отслеживать существование узла, при true очистить таймер. Но лучше использовать интерфейс MutationObserver - https://developer.mozilla.org/... onObserver.
Могу написать Вам конкретный пример, но мне понадобиться код страницы или хотя бы точный идентификатор элемента-родителя, в который генерится поддерево(окошко с кнопками) скриптом

Сообщение от oleksandr1

https://site.pro/code/pops.js?h=&si2='+b

@oleksandr1 · 24.02.2019, 15:31 **[ТС]**

Могу показать все коды, выкладывать здесь или можно вличку? Одно уточнение: страница находится на облачном хостинге DigitalOcean и вроде как ПХП не поддерживет этот хостинг (сам не проверял)

@Qwerty_Wasd · 24.02.2019, 15:37

oleksandr1, ну все не надо ) Нужен

Сообщение от Qwerty_Wasd

код страницы или хотя бы точный идентификатор элемента-родителя, в который генерится поддерево(окошко с кнопками) скриптом

Скрипт

HTML5

1	<script>(function(d,a,b){let s=d.createElement('script');s.async=true;s.src='https://site.pro/code/pops.js?h=&si2='+b;d.head.appendChild(s);});</script>

подгружает другой, который в свою очередь создает popup окно. Нужно знать куда он добавляет его. В конец\начало body, или на странице уже есть контейнер для него?

@oleksandr1 · 24.02.2019, 16:03 **[ТС]**

HTML5

<div id="Popup" class="Popup--whiteTheme Popup--show">
<div id="Popup__cnt">
<div id="Popup__wIc">
<img alt="icon" id="Popup__ic" src="https://site.pro/popup-image.png"></div>
<div id="Popup__tx">WARNING!</div></div>
 
<div id="Popup__f">
<button type="button" id="Popup__btnAllow">Yes</button>
 
<button type="button" id="Popup__btnCancel">No</button></div></div>
 
</body></html>

Все на дивах, а нужен другой идентификатор? Это код окошка
Подгружает в боды, и сам скрипт установлен в боды

Не могу найти как спрятать в спойлер код в быстром ответе...

@Qwerty_Wasd · 24.02.2019, 16:41

oleksandr1, плохо что в body

Javascript

const mutationListener = (mutations) => {
  mutations.forEach(e=> {
    if (e.type === 'childList') {
      document.getElementById("Popup__btnAllow").addEventListener('click', () => location.href = "www.yoursite.com");
    };
  })
}
new MutationObserver(mutationListener).observe(document.body, {
  childList: true,
  characterData: true,
  subtree: true
});

@oleksandr1 · 24.02.2019, 17:19 **[ТС]**

В

Сообщение от Qwerty_Wasd

плохо что в body

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

Добавлено через 11 минут
Не срабатывает скрипт, где может быть решение??

@Qwerty_Wasd · 24.02.2019, 17:19

oleksandr1, Вы не поняли меня)) Скрипт, что подгружается с партнёрки и котоорый вставляете в боди, именно он генерит то самое окно - повлиять на это Вы не можете.

@oleksandr1 · 24.02.2019, 17:42 **[ТС]**

Теперь понял, повлиять не могу, но после нажатия кнопки поп окно исчезает, может это как то можно использовать?

Добавлено через 6 минут
Тот скрипт, который Вы опубликовали, я вставил в хедер, но редиректа моей страницы не происходит.

Добавлено через 10 минут
Может скинуть Вам в личку урл страницы? Вы на месте сразу поймете возможно ли решение, а так как гадание на кофейной гуще, а правильный ответ здесь опубликуете.

Добавлено через 3 минуты
Гм, при нажатии кнопки код страницы не меняется, все действия происходят по видимому удаленно.

@Qwerty_Wasd · 24.02.2019, 18:26

oleksandr1,

Сообщение от oleksandr1

я вставил в хедер

нужно было перед закрывающим тегом </body>

Сообщение от oleksandr1

а так как гадание на кофейной гуще

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

@oleksandr1 · 24.02.2019, 19:27 **[ТС]**

Сообщение от Qwerty_Wasd

нужно было перед закрывающим тегом </body>

Попробовал внизу вставить, перед </body>, несрабаьывает.

@Qwerty_Wasd · 25.02.2019, 04:34

oleksandr1, вот пример, вместо создания popup, я там генерю кнопки на страницу, но это не важно(делал просто для другой темы). Так как MutationObserver настроен на отслеживание изменения дерева цели, то при добавляется хоть одного элемента в структуру цели, в консоль приходит сообщение об этом. А ведь вместо сообщения можно сделать что-угодно - https://codepen.io/qwerty_wasd/pen/JaamjX
Посмотрите как работает. Плюс я Вам дал ссылку выше на документацию. Попробуйте адаптировать сами.

@j2FunOnly · 25.02.2019, 09:54

Не по теме:

Сообщение от oleksandr1

Могу показать все коды, выкладывать здесь или можно вличку?

Сообщение от oleksandr1

Может скинуть Вам в личку урл страницы?

Правила форума

4. Порядок создания тем.
4.6 Обсуждение вопросов - только в теме на форуме. Приглашения к обсуждению еще где-либо (в том числе и с помощью системы личных сообщений) запрещены, за исключением коммерческих разделов.
4.11 Картинки и любые другие файлы загружайте на форум, во избежание их удаления или потери на сторонних ресурсах. По этой же причине коды программ также должны находиться на форуме.

@Qwerty_Wasd dev - investigator 2151 / 1496 / 651 Регистрация: 16.04.2016 Сообщений: 3,696
	25.02.2019, 04:34	12
	oleksandr1, вот пример, вместо создания popup, я там генерю кнопки на страницу, но это не важно(делал просто для другой темы). Так как MutationObserver настроен на отслеживание изменения дерева цели, то при добавляется хоть одного элемента в структуру цели, в консоль приходит сообщение об этом. А ведь вместо сообщения можно сделать что-угодно - https://codepen.io/qwerty_wasd/pen/JaamjX Посмотрите как работает. Плюс я Вам дал ссылку выше на документацию. Попробуйте адаптировать сами. 0

@oleksandr1 0 / 0 / 0 Регистрация: 19.07.2015 Сообщений: 7
	24.02.2019, 15:31 [ТС]	3
	Могу показать все коды, выкладывать здесь или можно вличку? Одно уточнение: страница находится на облачном хостинге DigitalOcean и вроде как ПХП не поддерживет этот хостинг (сам не проверял) 0

@oleksandr1 0 / 0 / 0 Регистрация: 19.07.2015 Сообщений: 7
	24.02.2019, 17:19 [ТС]	7
	В Сообщение от Qwerty_Wasd плохо что в body Я его могу разместить куда угодно, скрипт вставляю на свою страницу. На партнерской программе указано вставлять в боды, но думаю что это без разницы, в боды или хедер или нет? Добавлено через 11 минут Не срабатывает скрипт, где может быть решение?? 0

@Qwerty_Wasd dev - investigator 2151 / 1496 / 651 Регистрация: 16.04.2016 Сообщений: 3,696
	24.02.2019, 17:19	8
	oleksandr1, Вы не поняли меня)) Скрипт, что подгружается с партнёрки и котоорый вставляете в боди, именно он генерит то самое окно - повлиять на это Вы не можете. 0

@oleksandr1 0 / 0 / 0 Регистрация: 19.07.2015 Сообщений: 7
	24.02.2019, 17:42 [ТС]	9
	Теперь понял, повлиять не могу, но после нажатия кнопки поп окно исчезает, может это как то можно использовать? Добавлено через 6 минут Тот скрипт, который Вы опубликовали, я вставил в хедер, но редиректа моей страницы не происходит. Добавлено через 10 минут Может скинуть Вам в личку урл страницы? Вы на месте сразу поймете возможно ли решение, а так как гадание на кофейной гуще, а правильный ответ здесь опубликуете. Добавлено через 3 минуты Гм, при нажатии кнопки код страницы не меняется, все действия происходят по видимому удаленно. 0

@Qwerty_Wasd dev - investigator 2151 / 1496 / 651 Регистрация: 16.04.2016 Сообщений: 3,696
	24.02.2019, 18:26	10
	oleksandr1, Сообщение от oleksandr1 я вставил в хедер нужно было перед закрывающим тегом </body> Сообщение от oleksandr1 а так как гадание на кофейной гуще чтобы такого не происходило, нужно выкладывать в тему либо код демонстрирующий проблему, либо архив с проектом. 0

@oleksandr1 0 / 0 / 0 Регистрация: 19.07.2015 Сообщений: 7
	24.02.2019, 19:27 [ТС]	11
	Сообщение от Qwerty_Wasd нужно было перед закрывающим тегом </body> Попробовал внизу вставить, перед </body>, несрабаьывает. 0

@j2FunOnly
	25.02.2019, 09:54 Выполнение действия на странице после срабатывания действия в другом скрипте #13
	Не по теме: Сообщение от oleksandr1 Могу показать все коды, выкладывать здесь или можно вличку? Сообщение от oleksandr1 Может скинуть Вам в личку урл страницы? Правила форума 4. Порядок создания тем. 4.6 Обсуждение вопросов - только в теме на форуме. Приглашения к обсуждению еще где-либо (в том числе и с помощью системы личных сообщений) запрещены, за исключением коммерческих разделов. 4.11 Картинки и любые другие файлы загружайте на форум, во избежание их удаления или потери на сторонних ресурсах. По этой же причине коды программ также должны находиться на форуме. 0