Клик по любым ссылкам, находящимся на странице при помощи JavaScr...

1481
9 из 10
Проголосовало: 4






Перед Вами хоть раз стояла зада при помощи JavaScript'а или кому удобнее по русски произносить яваскрипта, делать так, что бы кликать по абсолютно любым ссылкам, находящимся на странице Вашего сайта. Конечно не приходилось, скажете вы, и к тому же зачем такое делать? Ответ прост, если Вам что-то не нужно, это не значит, что другим это ненужно, поэтому проходите мимо если не поняли суть скрипта... Автор данного кода не сразу смог сделать так, чтобы код работал во всех браузерах одинаково хорошо, поэтому автору пришлось хорошенько погуглить, чтобы найти уникальный метод, теперь этот метод он предоставляет на суд людской, поэтому комментируйте материал...

Правильное использование скрипта:

Допустим, на странице есть ряд ссылок, по которым нужно кликнуть. У каждой ссылки должен быть уникальный id:
Код

<a href="http://bla-bla.ru" id="apourl1" target="blank">Ссылка 1</a>  
  <a href="http://bla-bla2.ru" id="apourl2" target="blank">Ссылка 2</a>


Функция-обработчик выглядит следующим образом:

Код

function apolinkclick(id) {  
  if(id) {  
  butt = document.createElement('button');  
  butt.id = 'butt';  
  document.getElementById(id).appendChild(butt);  
  butt.click();  
  };  
  };


Для того, чтобы кликнуть по нужной ссылке, достаточно просто вызвать функцию apolinkclick() с указанным id ссылки, например:

Код
apolinkclick('apourl1');


Для тех, кто не понял как правильно использовать данный код, вот живой пример:

Код

<div class="div">
<a href="http://webo4ka.ru/" id="id1" target="blank">Ссылка id-1</a>
<a href="http://webo4ka.ru/" id="id2" target="blank">Ссылка id-2</a>
<a href="http://webo4ka.ru/" class="class1" target="blank">Ссылка class-1</a>
<a href="http://webo4ka.ru/" class="class2" target="blank">Ссылка class-2</a>
</div>

<input type="button" value="Кликнуть ссылку id-1" onclick="linkclick('id1')" />
<br/><br/>
<input type="button" value="Кликнуть ссылку id-2" onclick="linkclick('id2')" />
<br/><br/>
<input type="button" value="Кликнуть ссылку class-1" onclick="linkclick(null, 'class1')" />
<br/><br/>
<input type="button" value="Кликнуть ссылку class-2" onclick="linkclick(null, 'class2')" />

<style>.div {display:none;}</style>

<script>
function linkclick(id, id2) {
  if(id) {
  butt = document.createElement('button');
  butt.id = 'butt';
  document.getElementById(id).appendChild(butt);
  butt.click();
  };
  if(id2) {
  $('a.'+id2).prepend('<button id="butt"/>');
  $('a.'+id2+' button').click();
  };
};
</script>  


Вот, пожалуй, всё, что я хотел рассказать в этой статье
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Последние темы
    Опрос
    466
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 1
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: