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

18 March 2017, 2:27

Posts: 60

18 March 2017, 2:27

Posts: 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>

Answer | 0

18 March 2017, 12:00

sergeydurov.info

Posts: 28

18 March 2017, 12:00

sergeydurov.info

Posts: 28

Как с помощью 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 дня пока не появиться что то круче ....

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

Updated 18 March 2017, 12:03 by sergeydurov.info.

Answer | 0

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

18 March 2017, 16:37 sergeydurov.info Posts: 28	18 March 2017, 16:37 sergeydurov.info Posts: 28 По теме нет ни чего? По теме - webworkers Updated 18 March 2017, 16:37 by sergeydurov.info.
	Answer \| 0