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/
https://www.jqueryscript.net/form/jQ...LC-Switch.html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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(); } }
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.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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'); });
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.
Partager