Не срабатывает нажатие кнопки в расширении chrome

@correcеt · Регистрация: 20.04.2011

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

Здравствуйте!

Расширение для chrome.

Код расширения:

HTML5

1
2
3

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
<input id="play1"  src="https://www.cyberforum.ru/images/121.png"  type="button"  />

Необходимо осуществить нажатие кнопки id="play1" при помощи скрипта.
Код страницы с кнопкой которую нужно нажать через расширение:

HTML5

1	<div class="play_new" id="play178729726_359908456"></div>

Javascript

$(document).ready(function () {
    chrome.tabs.query({active: true}, function(tab) { 
        var url = tab.url; 
 
        if (url.indexOf("http://xxxxx/audio") > -1) {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", url, true);
            xhr.send(null);
            xhr.onreadystatechange = function() {
                
                if (xhr.readyState == 4) 
                {
                    if (xhr.responseText) 
                    {
                        var data = xhr.responseText;
                        $('.audio', data).each(function (index) {
                            var title = $(this).children('.area').children('play_btn').children('play_btn_wrap').children('play_new').getElementById();
                            
                                                      document.getElementById('play1').onclick();
                            
                        });
 
                        
                    }
                }
            }
        }
        else {
            aleret('test');
        }
    });

При нажатии кнопки <input id="play1" type="image" src="https://www.cyberforum.ru/images/121.png" type="button" /> ничего не происходит

@BANO · 16.04.2015, 22:56

ну это логично
вы сначала дали ей тип картинка, а потом кнопка
это не нормально но всего лиш неграмотно,
а насчёт .onclick() это не сработает, просто по тому что так нельзя

почитай вот там как раз пример есть

@correcеt · 17.04.2015, 06:11 **[ТС]**

BANO, в title меня лежит id кнопки на сайте (я про javascript), (P.s пока нет возможности проверить)

Javascript

1
2
3

. var element = document.getElementById('тут id  кнопки расширения'); 
а на элемент вешать какое событие?
element. onclick();?

@BANO · 17.04.2015, 19:43

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

а ладно фиг с вами сам ваши 4 строчки исправлю

Javascript

var element = document.getElementById('element_id');
var o = document.createEvent('MouseEvents');
o.initEvent('click', true, true); // Используется унаследованный метод модуля Events, а не аналогичный модуля MouseEvents, объект которого был создан
element.dispatchEvent(o);

этот код был на том сайте вот прям почти в начале

ну вот лень матушка конечно

@correcеt · 17.04.2015, 20:01 **[ТС]**

Пересмотрел код и не могу понять,что не так

Javascript

$(document).ready(function () {
    chrome.tabs.query({active: true}, function(tab) { 
        var url = tab.url; 
 
        if (url.indexOf("http://vk.com/audio") > -1) {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", url, true);
            xhr.send(null);
            xhr.onreadystatechange = function() {
                
                if (xhr.readyState == 4) 
                {
                    if (xhr.responseText) 
                    {
                        var data = xhr.responseText;
                        $('.audio', data).each(function (index) {
                            var knopka = $(this).children('.area').children('play_btn').children('play_btn_wrap').children('play_new').getElementById('play_new');
                            var theEvent = document.createEvent("MouseEvent");
                            theEvent.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
                                                     var element = document.getElementById('play1');
                                                      var Clic = element.dispatchEvent(theEvent);
 
                            
                        });
 
                        
                    }
                }
            }
        }
        
    });

@BANO · 17.04.2015, 20:14

ладно я вас недооценил

вы почему не сказали что используете jquery?

тогда всё проще ваш .onclick() сработает, но надо написать .click()
но меня больше смущает строка

Javascript

1	var knopka = $(this).children('.area').children('play_btn').children('play_btn_wrap').children('play_new').getElementById('play_new');

вот это конечно неумение пользоваться jquery
надо так

Javascript

1	var knopka = $(this).find('.area > .play_btn > .play_btn_warp > .play_new> #play_new')

ведь это в несколько раз короче проще и грамотнее

@correcеt · 17.04.2015, 20:51 **[ТС]**

BANO, что хотеть,когда учусь по видео и примерам из литературы)

переделал как вы и сказали,но не срабатывает

Javascript

$(document).ready(function () {
    chrome.tabs.query({active: true}, function(tab) { 
        var url = tab.url; 
 
        if (url.indexOf("http://vk.com/audio") > -1) {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", url, true);
            xhr.send(null);
            xhr.onreadystatechange = function() {
                
                if (xhr.readyState == 4) 
                {
                    if (xhr.responseText) 
                    {
                        var data = xhr.responseText;
                        $('.audio', data).each(function (index) {
                            var knopka = $(this).find('.area > .play_btn > .play_btn_warp > .play_new> #play_new'); /*то кнопка на сайте на которую нужно нажать,точнее класс*/
                            var theEvent = document.createEvent("MouseEvent");
                            theEvent.initMouseEvent('click', true, true);
                                                     var element = document.getElementById('play1');/*это ид кнопки с html страницы*/
                                                      var Clic = element.dispatchEvent(theEvent);
 
                            
                        });
 
                        
                    }
                }
            }
        }
        
    });

@BANO · 17.04.2015, 20:57

я же говорю теперь надо использовать метод .click()-это метод из jquery и он сработает, раньше не срабатывал потому что вы ему не давали jquery-элемент(вы его брали getElementById, что тоже изначально не должно работать)
теперь же хватит одной строки

Javascript

1	$(this).find('.area > .play_btn > .play_btn_warp > .play_new> #play_new').click()

@correcеt · 17.04.2015, 20:59 **[ТС]**

код страницы с кнопкой которую надо нажать через расширение:

Не срабатывает нажатие кнопки в расширении chrome

@correcеt · 17.04.2015, 21:02 **[ТС]**

BANO, я это и сделал,но не работает

@BANO · 17.04.2015, 21:05

вот теперь вы правильно начинаете говорить и давать информацию

Javascript

1	$(this).find('.area > .play_new').click()

@correcеt · 17.04.2015, 21:09 **[ТС]**

BANO,
полный код,но не срабатывает,пытался отследить на выполнение через aleret ,но ничего не наблюдал

Javascript

$(document).ready(function () {
    chrome.tabs.query({active: true}, function(tab) { 
        var url = tab.url; 
 
        if (url.indexOf("http://vk.com/audio") > -1) {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", url, true);
            xhr.send(null);
            xhr.onreadystatechange = function() {
                
                if (xhr.readyState == 4) 
                {
                    if (xhr.responseText) 
                    {
                        var data = xhr.responseText;
                        $('.audio', data).each(function (index) {
                            var knopka = $(this).find('.area > .play_new').click();
                            var theEvent = document.createEvent("MouseEvent");
                            theEvent.initMouseEvent('click', true, true);
                                                     var element = document.getElementById('play1');
                                                      var Clic = element.dispatchEvent(theEvent);
                                                       
                            
                        });
 
                        
                    }
                }
            }
        }
        
    });

@BANO · 17.04.2015, 21:15

Javascript

$(document).ready(function () {
    chrome.tabs.query({active: true}, function(tab) { 
        var url = tab.url; 
 
        if (url.indexOf("http://vk.com/audio") > -1) {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", url, true);
            xhr.send(null);
            xhr.onreadystatechange = function() {
                
                if (xhr.readyState == 4) 
                {
                    if (xhr.responseText) 
                    {
                        var data = xhr.responseText;
                        $('.audio', data).each(function (index) {
                            var knopka = $(this).find('.area > .play_new').click();
                                                       
                            
                        });
 
                        
                    }
                }
            }
        }
        
    });

Добавлено через 52 секунды
в не легче использовать ajax встроенный в jquery?

@correcеt · 17.04.2015, 21:20 **[ТС]**

BANO, не работает,попробую как вы говорите :без перезагрузки страницы использовать метод

@BANO · 17.04.2015, 21:23

а вы пытаетесь что с вк сделать?

@correcеt · 17.04.2015, 21:24 **[ТС]**

BANO, нажать на кнопку "играть" через расширение

@BANO · 17.04.2015, 21:25

зачем?

@correcеt · 17.04.2015, 21:27 **[ТС]**

BANO, хороший вопрос,для себя,практика.

@BANO · 17.04.2015, 21:27

понятно, а зачем ajax?

@correcеt · 17.04.2015, 21:29 **[ТС]**

BANO, вы же предложили ,может я не так обращаюсь к кнопке?или не так ко вкладке chrom?

@correcеt -1 / 3 / 1 Регистрация: 20.04.2011 Сообщений: 412
	17.04.2015, 21:02 [ТС]	10
	BANO, я это и сделал,но не работает 0

@correcеt -1 / 3 / 1 Регистрация: 20.04.2011 Сообщений: 412
	17.04.2015, 21:27 [ТС]	18
	BANO, хороший вопрос,для себя,практика. 0

Новые блоги и статьи
Как проводить научные вычисления на Python InfoMaster 15.01.2025 Python стал одним из наиболее востребованных языков программирования в области научных вычислений благодаря своей простоте, гибкости и обширной экосистеме специализированных библиотек. Научные. . .	Создание игры типа Minecraft на PyGame/Python: пошаговое руководство InfoMaster 15.01.2025 В данном руководстве мы рассмотрим процесс создания игры в стиле Minecraft с использованием библиотеки PyGame на языке программирования Python. Этот проект идеально подходит как для начинающих. . .	Как создать свою первую игру в стиле Doom на Unreal Engine InfoMaster 15.01.2025 Разработка шутера от первого лица в стиле классического Doom представляет собой увлекательное путешествие в мир игрового программирования, где сочетаются творческий подход и технические навыки. . . .	Параллельное программирование: основные технологии и принципы InfoMaster 15.01.2025 Введение в параллельное программирование Параллельное программирование представляет собой фундаментальный подход к разработке программного обеспечения, который позволяет одновременно выполнять. . .	Как написать микросервис на C# с Kafka, MediatR, Redis и GitLab CI/CD InfoMaster 15.01.2025 В современной разработке программного обеспечения микросервисная архитектура стала стандартом де-факто для создания масштабируемых и гибких приложений. Этот подход позволяет разделить сложную систему. . .	Что такое CQRS и как это реализовать на C# с MediatR InfoMaster 15.01.2025 Концепция CQRS и её роль в современной разработке В современном мире разработки программного обеспечения архитектурные паттерны играют ключевую роль в создании масштабируемых и поддерживаемых. . .
Как настроить CI/CD с Azure DevOps InfoMaster 15.01.2025 CI/ CD, или непрерывная интеграция и непрерывное развертывание, представляет собой современный подход к разработке программного обеспечения, который позволяет автоматизировать и оптимизировать процесс. . .	Как настроить CI/CD с помощью Jenkins InfoMaster 15.01.2025 Введение в CI/ CD и Jenkins В современной разработке программного обеспечения непрерывная интеграция (CI) и непрерывная доставка (CD) стали неотъемлемыми элементами процесса создания качественных. . .	Как написать микросервис на Go/Golang с Kafka, REST и GitHub CI/CD InfoMaster 14.01.2025 Определение микросервиса, преимущества использования Go/ Golang Микросервис – это архитектурный подход к разработке программного обеспечения, при котором приложение состоит из небольших, независимо. . .	Как написать микросервис с нуля на C# с RabbitMQ, CQRS, Swagger и CI/CD InfoMaster 14.01.2025 В современном мире разработки программного обеспечения микросервисная архитектура стала стандартом де-факто для создания масштабируемых и гибких приложений. Этот архитектурный подход предполагает. . .	Как создать интернет-магазин на PHP и JavaScript InfoMaster 14.01.2025 В современном мире электронная коммерция стала неотъемлемой частью бизнеса. Создание собственного интернет-магазина открывает широкие возможности для предпринимателей, позволяя достичь большей. . .	Как написать Тетрис на Ассемблере InfoMaster 14.01.2025 Тетрис – одна из самых узнаваемых и популярных компьютерных игр, созданная в 1984 году советским программистом Алексеем Пажитновым. За прошедшие десятилетия она завоевала симпатии миллионы людей по. . .

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	16.04.2015, 22:56	2
	ну это логично вы сначала дали ей тип картинка, а потом кнопка это не нормально но всего лиш неграмотно, а насчёт .onclick() это не сработает, просто по тому что так нельзя почитай вот там как раз пример есть 0

@correcеt -1 / 3 / 1 Регистрация: 20.04.2011 Сообщений: 412
	17.04.2015, 20:59 [ТС]	9
	код страницы с кнопкой которую надо нажать через расширение: 0

@correcеt -1 / 3 / 1 Регистрация: 20.04.2011 Сообщений: 412
	17.04.2015, 21:20 [ТС]	14
	BANO, не работает,попробую как вы говорите :без перезагрузки страницы использовать метод 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	17.04.2015, 21:23	15
	а вы пытаетесь что с вк сделать? 0

@correcеt -1 / 3 / 1 Регистрация: 20.04.2011 Сообщений: 412
	17.04.2015, 21:24 [ТС]	16
	BANO, нажать на кнопку "играть" через расширение 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	17.04.2015, 21:25	17
	зачем? 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	17.04.2015, 21:27	19
	понятно, а зачем ajax? 0

@correcеt -1 / 3 / 1 Регистрация: 20.04.2011 Сообщений: 412
	17.04.2015, 21:29 [ТС]	20
	BANO, вы же предложили ,может я не так обращаюсь к кнопке?или не так ко вкладке chrom? 0