Серый форум — JS: Добавить автоскролл страницы, пока не найдет текст

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (teadrinker) — Sun, 24 Jan 2021 11:57:29 +0000

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

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (Malcev) — Sun, 24 Jan 2021 11:48:15 +0000

https://habr.com/ru/post/141746/

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (teadrinker) — Sun, 24 Jan 2021 06:00:38 +0000

А разве это запрещено? (elem = item) в контексте условного оператора возвращает true.

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (Cytrus) — Sun, 24 Jan 2021 04:15:43 +0000

teadrinker, а что, в условиях можно делать присваивания?

Вы в условиях делаете присваивания переменным?

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (Michael) — Sun, 24 Jan 2021 03:16:40 +0000

teadrinker
Большое спасибо!!! Всё протестировал - всё работает!

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (teadrinker) — Sun, 24 Jan 2021 00:27:33 +0000

Это сколько раз будет запускаться таймер, если количество элементов с селектором a#thumbnail на странице после последнего скролла не изменилось. Такое может быть, если новые элементы слишком долго загружаются.

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (Michael) — Sun, 24 Jan 2021 00:21:18 +0000

teadrinker
Можно ещё вопрос, за что отвечает параметр “counter == 5” в данной строке?

 if ( (channel = searchCannel(channelName)) || counter == 5 ) {

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (teadrinker) — Sun, 24 Jan 2021 00:16:41 +0000

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

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (Michael) — Sun, 24 Jan 2021 00:13:21 +0000

Благодарю за код, чуть позже протестирую, с телефона сейчас.

В строке: function searchCannel(channelName) {
searchCannel не должен быть searchCHannel?

И тут тоже:

 if ( (channel = searchCannel(channelName)) || counter == 5 ) {

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (teadrinker) — Sun, 24 Jan 2021 00:06:02 +0000

Cytrus, уверены, что там ошибка? Этот код я писал, если что.
Смотрите здесь: Приоритет операторов
Michael
Попробуйте так:

((channelName) => {
   function searchChannel(channelName) {
      const coll = document.querySelectorAll('div#channel-info');
      let elem = '';
      for (let item of coll) {
         if ( item.innerText == channelName && (elem = item) )
            break;
      }
      return elem;
   }
   let channel = '', allElemsCount = 0, counter = 0;
   let timerId = setInterval(() => {
      if ( (channel = searchChannel(channelName)) || counter == 5 ) {
         clearInterval(timerId);
         if (channel)
            channel.parentNode.parentNode.querySelector('a#thumbnail').click();
         else
            alert('Not found!');
      }
      else {
         let newAllElemsCount = document.querySelectorAll('a#thumbnail').length;
         if (!(newAllElemsCount > allElemsCount))
            counter++;
         else {
            allElemsCount = newAllElemsCount;
            window.scrollTo(0, document.querySelector('ytd-app').scrollHeight);
         }
      }
   }, 2000);
})('ИМЯ КАНАЛА');

Имя канала в самом конце вставляйте.

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (Michael) — Sat, 23 Jan 2021 23:42:40 +0000

Cytrus
Благодарю, подправил. Только странно, что поиск по слову работал и с ошибкой и без, исправление ни на что не повлияло. А как правильно добавить скроллинг сюда я до сих пор не пойму... Не подскажите?

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (Cytrus) — Sat, 23 Jan 2021 23:14:33 +0000

С первого взгляда видно, что ошибка. Что это такое?

if ( item.innerText == 'Skibyxa' && (elem = item) )

Может быть так?

if ( (item.innerText == 'Skibyxa') && (elem == item) )

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (Michael) — Sat, 23 Jan 2021 20:46:34 +0000

alexii
В моем случае он рано или поздно будет, ибо ключевой запрос в поиске Ютуба задается мной в ручную.

И да, сейчас проверил, моё "творение" не работает опять...
Я понимаю что нужно сделать, но не понимаю как...
Мне надо зациклить выполнение этого:

   setTimeout(function () {
      window.scrollBy(0,5500);
   }, 1000);

пока не найдется элемент по которому кликнуть:

 elem.parentNode.parentNode.querySelector('a#thumbnail').click();

Пробовал еще так (после этого страница тупо виснет):

(() => {
   const coll = document.querySelectorAll('div#channel-info');
   let elem;
   for (let item of coll) {
      if ( item.innerText == 'Skibyxa' && (elem = item) )
         break;
   };
   if (elem)
      elem.parentNode.parentNode.querySelector('a#thumbnail').click();
   else
      while (true) {
      window.scrollBy(0,5500);
      };
})();

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (alexii) — Sat, 23 Jan 2021 20:39:59 +0000

Michael, а если такого текста в принципе нет на странице?

Re: JS: Добавить автоскролл страницы, пока не найдет текст

null@example.com (Michael) — Sat, 23 Jan 2021 20:17:51 +0000

Update. Удалось добавить скролл в JS.
Теперь спроллит до упора, пока не найдет нужное значение.
Если кому нужно:

(() => {
   const coll = document.querySelectorAll('div#channel-info');
   let elem;
   for (let item of coll) {
      if ( item.innerText == 'НАЗВАНИЕ КАНАЛА' && (elem = item) )
         break;
   };
   if (elem)
      elem.parentNode.parentNode.querySelector('a#thumbnail').click();
   else
   setTimeout(function () {
      window.scrollBy(0,5500);
   }, 1000);   
})();

Может не самый "правильный" способ, но работает на ура!