Associer deux codes en un seul jquery : Fullscreen Api et Toggle switch
Bonjour, je voudrais associer le code de Fullscreen Api à celui d'un toggle switch comme iOS. Voici les codes sur lesquels je me base.
http://jsfiddle.net/lesson8/VbfPC/
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| 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();
}
} |
https://www.jqueryscript.net/form/jQ...LC-Switch.html
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| // 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');
}); |
Je n'arrive pas à décomposer le code pour réussir à les associer, à chaque fois google chrome m'indique une erreur sur le element ou document du Fullscreen Api.
J'ai également trouvé des version jQuery de Fullscreen Api, mais là je je suis totalement dépassé.
De plus j'ai cru lire que Fullscreen Api n'est pas permis au chargement de la page : activation uniquement au click.
Mais est ce que du switch peut être considéré comme un "click" ?
Mon but est de prendre le moins de place pour activer/desactiver le mode plein écran et qu'il soit simple à comprendre : Toggle switch est pour moi la solution.
Si vous pouvez m'aider à trouver une solution. merci
L'experience plein écran pour l'internaute devrait être obigatoire en 2018 pour les sites créatifs/originaux.
