История изменений

Исправление tongubin, 07.10.20 15:02 (текущая версия) :

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

Попытался подкорректировать ваш скрипт, чтобы размывать анонимусов. Не работает почему-то...

(function() {
  var list_of_blocked = ["anonymous"];
  var style_filter = 'blur(4pt)';
  var transition_duration = 100;

  document.querySelectorAll('article').forEach((e) => {
    var e_speaker = e.querySelector('a[itemprop=creator]');
    if (!e_speaker) { console.log('no');  e_speaker = '<a itemprop="creator" href="/people/anonymous/profile">';
      return;
    } else {console.log('yes');}  console.log(e_speaker);

    var speaker = e_speaker.innerText;
    if (!list_of_blocked.includes(speaker)) {
      return;
    }

    e.style.filter = style_filter;

    e.onmouseleave = function() {
      e.animate([{}, {filter: style_filter}], {duration: transition_duration, iterations: 1});
      setTimeout(function() {
        e.style.filter = style_filter;
      }, transition_duration);
    }

    e.onmouseenter = function() {
      e.animate([{}, {filter: 'none'}], {duration: transition_duration, iterations: 1});
      setTimeout(function() {
        e.style.filter = 'none';
      }, transition_duration);
    }
  });
})();

Не подскажете, что не так?

Исправление tongubin, 07.10.20 15:00:

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

Попытался подкорректировать ваш скрипт, чтобы размывать анонимусов. Не работает почему-то...

(function() {
  var list_of_blocked = ["anonymous"];
  var style_filter = 'blur(4pt)';
  var transition_duration = 100;

  document.querySelectorAll('article').forEach((e) => {
    var e_speaker = e.querySelector('a[itemprop=creator]');
    if (!e_speaker) { console.log('no');  e_speaker = '<a itemprop=creator" href="/people/anonymous/profile">';
      return;
    } else {console.log('yes');}  console.log(e_speaker);

    var speaker = e_speaker.innerText;
    if (!list_of_blocked.includes(speaker)) {
      return;
    }

    e.style.filter = style_filter;

    e.onmouseleave = function() {
      e.animate([{}, {filter: style_filter}], {duration: transition_duration, iterations: 1});
      setTimeout(function() {
        e.style.filter = style_filter;
      }, transition_duration);
    }

    e.onmouseenter = function() {
      e.animate([{}, {filter: 'none'}], {duration: transition_duration, iterations: 1});
      setTimeout(function() {
        e.style.filter = 'none';
      }, transition_duration);
    }
  });
})();

Не подскажете, что не так?

Исходная версия tongubin, 07.10.20 14:59:

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

Попытался подкорректировать ваш скрипт, чтобы размывать анонимусов. Не работает почему-то...

(function() {
  var list_of_blocked = ["anonymous"];
  var style_filter = 'blur(4pt)';
  var transition_duration = 100;

  document.querySelectorAll('article').forEach((e) => {
    var e_speaker = e.querySelector('a[itemprop=creator]');
    if (!e_speaker) { console.log('no');  e_speaker = '<a itemprop=creator" href="/people/anonymous/profile">';
      return;
    } else {console.log('yes');}  console.log(e_speaker);

    var speaker = e_speaker.innerText;
    if (!list_of_blocked.includes(speaker)) {
      return;
    }

    e.style.filter = style_filter;

    e.onmouseleave = function() {
      e.animate([{}, {filter: style_filter}], {duration: transition_duration, iterations: 1});
      setTimeout(function() {
        e.style.filter = style_filter;
      }, transition_duration);
    }

    e.onmouseenter = function() {
      e.animate([{}, {filter: 'none'}], {duration: transition_duration, iterations: 1});
      setTimeout(function() {
        e.style.filter = 'none';
      }, transition_duration);
    }
  });
})();