Адаптируйте полноэкранный API для переключения - PullRequest
Новая
       25

Адаптируйте полноэкранный API для переключения

0 голосов
/ 13 ноября 2018

Я бы попробовал адаптировать два кода в одном.Сначала полноэкранный Api HTML5 Полноэкранный Api и скользящие тумблеры, такие как (iOS) jQuery-Plugin-For-Sliding-Toggle-Switches . 

function launchFullscreen(element) {
  if(element.requestFullScreen) {
    element.requestFullScreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

function cancelFullscreen() {
  if(document.cancelFullScreen) {
    document.cancelFullScreen();
  } else if(document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if(document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
  }
}

// triggered each time a field changes status
$('body').delegate('.lcs_check', 'lcs-statuschange', function() {
  var status = ($(this).is(':checked')) ? 'checked' : 'unchecked';
  console.log('field changed status: '+ status );
});

// triggered each time a field is checked
$('body').delegate('.lcs_check', 'lcs-on', function() {
  console.log('field is checked');
});

// triggered each time a is unchecked
$('body').delegate('.lcs_check', 'lcs-off', function() {
  console.log('field is unchecked');
});

Мне требуетсяваша помощь, чтобы иметь кнопку скользящего переключателя, чтобы активировать и деактивировать полноэкранный режим.Тоже я бы проверил, что полноэкранный режим активирован по умолчанию.Я не знаю, выполняет ли LC Switch эту функцию.

Я не совсем понимаю jquery и даже меньше, когда мне нужно адаптировать javascript с помощью jquery.Это может быть полезно для других пользователей: -)

заранее спасибо.

1 Ответ

0 голосов
/ 18 ноября 2018

Здесь я получил ответ от другого форума. 

jQuery('body').delegate('.lcs_check', 'lcs-statuschange', function() {
    if(jQuery(this).is(':checked')){
        launchFullscreen(document.documentElement); // the whole page
    } else {
        cancelFullscreen();
    }
});

Это работает, но у меня ошибка / проблема только в браузере Chrome, и у меня нет ошибки в консоли.Кнопка переключения всегда работает в двух режимах (ВКЛ и ВЫКЛ), но она не выходит из полноэкранного режима на «ВЫКЛ», только если оконный браузер работает в полноэкранном режиме.Если окно браузера уменьшено, оно работает нормально.

У меня есть предупреждение о выходе из полноэкранного режима при «ВКЛ», но я должен настаивать на выходе: esc + щелчок два раза (shift + command + F).

Эта проблема не появляется в других браузерах (Safari, Firefox и Opera).Я еще не тестировал IE 11.

Мне не удалось получить действительную ссылку от GitHub для LC_Switch.js, я не могу показать вам пример.У кого-нибудь как идея откуда взялись проблемы?

...