1

Приветствую!

На чужом сайте есть кнопка, которую нужно автоматом нажимать после обновления страницы. Исходный код кнопки:

<li>
    <a original-title="" href="javascript:;" class="bump" data-tradeid="25346231" data-tipsy="Bump">
        <div class="icon_bump"></div>
    </a>
</li>

Выполняться скрипт будет в Greasemonkey (userscript). Подскажите пожалуйста, как это сделать или где найти нужную информацию по такой задачке.

3 ответа 3

1

То, что один атрибут рандомный, надо было уточнить в условии.
Так, вероятно, сработает:

function load(){
  var links = document.querySelectorAll('a.bump[data-tipsy="Bump"]'); // Ищем все ссылки с классом "bump" и data-tipsy="Bump", на data-tradeid можно забить, хотя если критично, можно и по нему искать
  Array.prototype.forEach.call(links, function(e){ // Проходим все найденные ссылки
    e.click(); // Кликаем!
  });
}

document.addEventListener('DOMContentLoaded', load); // Чтобы скрипт сработал после создания элементов в DOM
<li>
<a original-title="" href="javascript:" class="bump" data-tradeid="25346231" data-tipsy="Bump">
<div class="icon_bump"></div>
</a>
</li>

2
  • Это действительно работает. И Greasemonkey ведет себя адекватно и как положено.Огромное спасибо! Немного не в тему, но Подскажите пожалуйста книгу по JS для начала обучения. Знаю в интернете много советов, но вижу вы разбираетесь и скорее подскажите верный вариант. Спасибо еще раз.
    – excellproj
    14 апр 2015 в 14:33
  • @mrforester, Любая книга по любому ЯП даст только базовые знания. Их можно взять в почти любой книге, например многие хвалят "JavaScript. Библия пользователя" (странно что не погроммиста...) Дэнни Гудмана. Лично я получал основы с сайта, а не книги: javascript.ru Весьма обширное количество ман и без воды, что всегда бесит в книгах для новичков (сохраните через "Ctrl+S", нажмите сюда... Я, блин, новичок, а не ребёнок с синдромом Дауна!). Но главное - это практика, с основами дальше "Hello, world" не уйдёшь. Удачи в обучении!
    – user31688
    14 апр 2015 в 14:45
0

var links = document.getElementsByClassName('bump');

for (var i = 0, link;
  (link = links[i]); i++) {
  if (link.getAttribute("data-tradeid") === '25346231') {
    link.click();
  }
}
<li>
  <a original-title="" href="javascript:;" class="bump" data-tradeid="25346231" data-tipsy="Bump" onclick='this.innerHTML = "clicked"'>no clicked
<div class="icon_bump"></div>
</a>

  <a original-title="" href="javascript:;" class="bump" data-tradeid="25346232" data-tipsy="Bump" onclick='this.innerHTML = "clicked"'>no clicked
<div class="icon_bump"></div>
</a>
</li>

2
  • data-tradeid="". Это рандомный атрибут. К сожалению пример не работает даже с data-tradeid="25346231".
    – excellproj
    14 апр 2015 в 12:13
  • @mrforester, сорри, в FF innerText не пашет ) 14 апр 2015 в 12:31
0

Eсли без jQuery, то как вариант:

// получаем в масcив все элементы с классом bump
var l = document.getElementsByClassName("bump"); 

// .click() для первого елемента в масиве
for (var i = 0; i < 1; i++) {
    l[i].click();
}
1
  • К сожалению он не работает. Я пытался сделать jquery, но страница также его использует и это приводит к конфликту. На странице перестают работать все javascript'ы.
    – excellproj
    14 апр 2015 в 12:16

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.