witam mam na stronie aplikacje flash z planem zajęć i chciałbym żeby po naciśnięciu odnośnika Pokaż w trybie pełnoekranowym otworzył tą aplikację na pełen ekran
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="swfcombiner" width="100%" height="420px"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="swfcombiner.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="sameDomain" /> <embed src="swfcombiner.swf" quality="high" bgcolor="#ffffff"
width="100%" height="420px" name="swfcombiner" align="middle"
play="true"
loop="false"
quality="high"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>
</object><a href="#" id="PlanFullScr">Pokaż w trybie pełnoekranowym
</a>
Na stronie już używam jquery więc będzie prościej
$(function() {
$('#PlanFullScr').click(function(){
//KOD
});
});
Nie wiem jak zrobić aby po naciśnięciu obiekt przeszedł w tryb pełno ekranowy
Strona z problemem:
http://zszgoleniow.pl/Plan_lekcjiRozwiązałem to tym sposobem:
Powoduje przejście div splan w pełen ekran i rozciąga obiekt flash
[tytul]Plan lekcji[/tytul]
<div id="OBplan"><div id="SPlan"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="swfcombiner" width="100%" height="100%"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="swfcombiner.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="sameDomain" /> <embed src="swfcombiner.swf" quality="high" bgcolor="#ffffff"
width="100%" height="100%" name="swfcombiner" align="middle"
play="true"
loop="false"
quality="high"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>
<a href="/Plan_lekcji.pdf" class="str_link">Pokaż w PDF
</a> |
<a href="#" class="str_link" id="PlanFull">Pokaż w trybie pełnoekranowym
</a>
CSS:
#OBplan { width:100%;height:420px; }
#SPlan { width:100%;height:100%; }
JS:
<script>
$(function() {
$('#PlanFull').click(function(){
var docElm = document.getElementById("SPlan");
if (docElm.requestFullscreen) {
docElm.requestFullscreen(); }
else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen(); }
else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen(); } }); });
</script>
Do zamknięcia, morze się komuś przyda.
Teoretycznie działa na każdej przeglądarce prócz ie ale i tak z tej nie da się wejść na moje stronki
Przydatny kod można poprzerabiać, test wejście na zszgoleniow.pl z przeglądarki ie (25 linia adres do pliku z tłem strony rozciąga się dając fajny efekt)
<?php if(strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE')){ <!DOCTYPE HTML
> <!Konrad Skoczylas:PUBLIC HTML CODE!>
<!--WWW:http://konradskoczylas.pl-->
<html lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> TYTUŁ STRONY </title>
<meta name="Language" content="pl">
<META name="description" content="OPIS">
<meta name="Author" content="Konrad Skoczylas" />
<style type="text/css">
.vegas-loading { height:0px;width:0px;z-index:0; }
.vegas-background { image-rendering: optimizeQuality;-ms-interpolation-mode: bicubic;z-index:-2;max-width: none !important; }
.no_brows { font-family:Sans-Serif;font-size:18px;width:500px;padding:26px 16px 22px 16px;background:#f7f7f7;-khtml-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;box-shadow: 0 0 12px 1px #808080;margin-top:40px; }
.chrome { float:left;width:120px;height:120px;background:url("http://zszgoleniow.pl/pd/chrome.png")no-repeat; }
.firefox { float:left;width:120px;height:120px;background:url("http://zszgoleniow.pl/pd/firefox.png")no-repeat; }
.safari { float:left;width:120px;height:120px;background:url("http://zszgoleniow.pl/pd/safari.png")no-repeat; }
.opera { float:left;width:120px;height:120px;background:url("http://zszgoleniow.pl/pd/opera.png")no-repeat; }
.npp_ins { font-size:15px;padding-top:2px; }
#install { height:120px;width:480px;margin:20px 12px 0 12px; }
#tn_aut { margin:2px 0 20px 0;font-family:Sans-Serif;font-size:20px;color:#fdfdfd;text-shadow: 0 0 4px #717171; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://zszgoleniow.pl/pd/jquery.vegas.js" type="text/javascript"></script>
<script> $(function() { jQuery.vegas({ src:"http://zszgoleniow.pl/pd/t.jpg" }); }); </script>
</head>
<body>
<center><div class="no_brows">
Strona nie jest dostępna dla programu Internet Exploder!
<div class="npp_ins">Aby kontynuować należy wybrać jedną z poniższych przeglądarek</div>
<div id="install">
<a href="http://www.google.com/intl/pl/chrome/browser/" title="Chrome"><div class="chrome"></div></a>
<a href="http://www.mozilla.org/pl/firefox/new/" title="Firefox"><div class="firefox"></div></a>
<a href="http://www.opera.com/" title="Opera"><div class="opera"></div></a>
<a href="http://www.apple.com/pl/safari/" title="Safari"><div class="safari"></div></a>
</div>
</div><div id="tn_aut">KONRAD SKOCZYLAS</div></center>
</body>
</html>'; die; } ?>
STRONA
Pełen ekran object flash
