Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Strona w trybie pełnoekranowym, jw
miras
post
Post #1





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

Witam, potrzebuję zrobić stronę w trybie pełnoekranowym, obecnie mam tak, że po kliknięciu w przycisk tryb się zmienia na pełnoekranowy - mam pytanie czy jest możliwość zrobienia tego automatycznie od razu po wejściu na stronę, żeby załączył się tryb pełnoekranowy? próbowałem z <body onload"funkcja()">, ale niestety nie działa..


Dzięki z góry!
Go to the top of the page
+Quote Post
Turson
post
Post #2





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----

Pokaż ten kod do powiększenia
Go to the top of the page
+Quote Post
miras
post
Post #3





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX--- 

[HTML] pobierz, plaintext 
  1.  
  2. <body onload="launchFullscreen(document.documentElement);">
  3. <script>
  4.  
  5. // Find the right method, call on correct element
  6. function launchFullscreen(element) {
  7.   if(element.requestFullscreen) {
  8.     element.requestFullscreen();
  9.   } else if(element.mozRequestFullScreen) {
  10.     element.mozRequestFullScreen();
  11.   } else if(element.webkitRequestFullscreen) {
  12.     element.webkitRequestFullscreen();
  13.   } else if(element.msRequestFullscreen) {
  14.     element.msRequestFullscreen();
  15.   }
  16. }
  17.  
  18. function exitFullscreen() {
  19.   if(document.exitFullscreen) {
  20.     document.exitFullscreen();
  21.   } else if(document.mozCancelFullScreen) {
  22.     document.mozCancelFullScreen();
  23.   } else if(document.webkitExitFullscreen) {
  24.     document.webkitExitFullscreen();
  25.   }
  26. }
  27.  
  28.  
  29. // Events
  30. document.addEventListener("fullscreenchange", function(e) {
  31.   console.log("fullscreenchange event! ", e);
  32. });
  33. document.addEventListener("mozfullscreenchange", function(e) {
  34.   console.log("mozfullscreenchange event! ", e);
  35. });
  36. document.addEventListener("webkitfullscreenchange", function(e) {
  37.   console.log("webkitfullscreenchange event! ", e);
  38. });
  39. document.addEventListener("msfullscreenchange", function(e) {
  40.   console.log("msfullscreenchange event! ", e);
  41. });
  42.  
  43. // Add different events for fullscreen
  44. </script>
[HTML] pobierz, plaintext


Z tego, co się naczytałem, to fullscreen wymaga kliknięcia użytkownika i jest to kwestia bezpieczeństwa, nie ma możliwości odpalenia w onload tryby pełnoekranowego, mógłby ktoś potwierdzić te informacje ?

Ten post edytował miras 31.03.2014, 15:36:22
Go to the top of the page
+Quote Post
slash^
post
Post #4





Grupa: Zarejestrowani
Postów: 278
Pomógł: 36
Dołączył: 9.04.2003
Skąd: Płock

Ostrzeżenie: (0%)
-----

Zrób przez jQuery trigger
Go to the top of the page
+Quote Post
miras
post
Post #5





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

Mógłbyś coś więcej na ten temat? szukam szukam, ale konkretnego nic znaleźć nie mogę..
Go to the top of the page
+Quote Post
slash^
post
Post #6





Grupa: Zarejestrowani
Postów: 278
Pomógł: 36
Dołączył: 9.04.2003
Skąd: Płock

Ostrzeżenie: (0%)
-----

http://api.jquery.com/trigger/

W skrócie:
robisz przycisk, który otwiera tryb pełnoekranowy (mozezs nadac mu id) a przez jQurery symulujesz jego klikniecie po załadowaniu strony.
Go to the top of the page
+Quote Post
miras
post
Post #7





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

hmm, coś takiego powinno na dobrą sprawę chyba działać:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.     $(document).ready(function() {
  3.         $('#full').click();
  4.     });
  5. </script>
  6.  
  7.  
  8.  
  9. <button id="full" onclick="launchFullscreen(document.documentElement);" >Fullscreen</button>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
trueblue
post
Post #8





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

Nie ma takiej możliwości.
Było to już wspomniane w innym temacie.
Zarówno fullscreen w API HTML5, jak i we Flashu, możliwy jest do aktywowania tylko poprzez żądanie użytkownika.

http://forum.php.pl/index.php?showtopic=227734

Ten post edytował trueblue 31.03.2014, 21:11:28
Go to the top of the page
+Quote Post
miras
post
Post #9





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

właśnie też tak mi się chyba wydaje, ale chciałem się upewnić, bo trigger'em, jak klikam w button a testowo dałem po kliknięciu w button alert("test"); to działa, ale fullscreen już nie..
Go to the top of the page
+Quote Post
trueblue
post
Post #10





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

Link, do maglowanego tematu po edycji 2 posty wyżej.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 13:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn