Как сделать окно не активным с помощью jquery? | Форум

18 Март 2017, 2:27

Отклики: 60

18 Март 2017, 2:27

Отклики: 60

Здравствуйте, задача следующая. При нажатии на ссылку человек переходит по ней (открывается в новой вкладке), а на ссылаемой странице запускается таймер. Если пользователь вернется до окончания таймера ему должна выдаться ошибка. Реализую следующим образом, если окно становится активным(получает фокус), то выдается ошибка. Но возникает проблема, при первом возвращении скрипт не срабатывает, срабатывает когда человек уходит с вкладки и возвращается. Т.е. скрипт не считает что при переходе по ссылке теряется фокус, новая вкладка открывается средствами html. Как с помощью jquery сделать окно не активным? Пример кода (не нужная часть вырезана)

<title>10</title>
Ссылка по которой переходим
<a class="a-perehod" id="{{id}}" href="{{url}}" target="_blank">Кликуть</a>
  <div>Осталось: <span id="timer">10</span> сек.</div>
  <p id="par1"></p>
  <p class="user" id="{{usl}}"></p>

<script>  
$( ".a-perehod" ).click(function() {
  //Id ссылки и пользователя
  id = $(this).attr("id");
  id = parseInt(id);
  user = $(".user").attr("id");
  user = parseInt(user);
    //Запрос на получение данных ссылки
    $.post("frame_perehod/", 
    {
        'pk': id,
    },
    function(data) {        
      //Устанавливаю в title значение таймера
      document.title = data
      //Функция обработки таймера
      function timer(){
        var obj = $("title")[0];
        var obj2 = $("#timer")[0];
        obj.innerHTML--;
        obj2.innerHTML--;
        if (obj.innerHTML==0){
          alert('Hello');
          //При завершение таймера отправка POST запроса
          $.post("frame_perehod1/", 
            {
              'pk': id,
              'user': user,
            },
            function(data) {                
              $("#par1").text(data);
            }
          );
          setTimeout(function(){},1000);
        } else {
          setTimeout(timer,1000);
                                               //Получаем фокус, значит ошибка
            window.onblur = function () {
            $(".mess").html("Error");
            }
          }         
      }
      setTimeout(timer,1000);   
    }
    );
});
</script>

Ответ | 0

18 Март 2017, 12:00

sergeydurov.info

Отклики: 26

18 Март 2017, 12:00

sergeydurov.info

Отклики: 26

Как с помощью jquery сделать окно не активным?

Вы что, какое jquery. Jquery это прошлый век, никто на нем не пишет, это вредно, не удобно, и не тру. Вам нужно сначала установить Ангуляр1, написать на нем, осознать что много кода повторяеться, понять что вам нужен реакт, потратить 8 дней на изучение webpack, настроить hot reload, настроить рендеринг на сервере, установить 34 с половиной зависимостей, настрить бабел, линк, писать все строго в однонаправленый flow, написать тесты, готовить проэкт для интерграции к reactNative, переписать все с thunk на saga, выучить всю экосистему Js, в итоге задолбаться искать ошибки в непонятных sago'вских трейсбеках, потеряться во всех этих action, midelware и наконце осознать что jsx это ужас и искать что то другое. Тут ваш выбор остановиться между Angular2 и vueJs. Написав hello world на ангуляре2, офигеть что для этого нужно 18 файлов, Typescript и куча все барахла, вы решитесь попробовать Vue js. Он вас купит своей простотой, вы наишете об этом очереной бложик, сравние еге с React, возможно даже на хабре, и будете ждать ровно 3 дня пока не появиться что то круче ....

Сори за жалкую пародию, накипело

Обновлено 18 Март 2017, 12:03 sergeydurov.info.

Ответ | 0

18 Март 2017, 14:31 DJWOMS Отклики: 60	18 Март 2017, 14:31 DJWOMS Отклики: 60 Сори за жалкую пародию, накипело Читал подомное на хабре. По теме нет ни чего? Обновлено 18 Март 2017, 14:31 DJWOMS.
	Ответ \| 0

18 Март 2017, 16:37 sergeydurov.info Отклики: 26	18 Март 2017, 16:37 sergeydurov.info Отклики: 26 По теме нет ни чего? По теме - webworkers Обновлено 18 Март 2017, 16:37 sergeydurov.info.
	Ответ \| 0