赞
踩
- //全屏
- $("#fsc").on("click","#fullsc",function(){
- $(".judgementArea").addClass("fullscreenclass");
- $(".fullScreen,.page-header.navbar-fixed-top,.fullScreen").hide();
- var html = '<span id="exitfull"> <span class="glyphicon glyphicon-fullscreen"></span><span id="close-fullsc"> 退出全屏</span></span>';
- $("#fsc").html(html);
- $("#fsc").data("data-fullscreen","1");
- var el = $("body")[0];
- var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen || el.oRequestFullscreen;
- if(typeof rfs != "undefined" && rfs) {rfs.call(el)}
- return;
- })
- $("#fsc").on("click","#exitfull",function(){
- exitFullScreen();
- })
- function exitFullScreen(){
- var html = '<span id="fullsc"> <span class="glyphicon glyphicon-fullscreen"></span><span id="close-fullsc"> 全屏</span></span>';
- $("#fsc").html(html);
- $(".fullScreen,.page-header.navbar-fixed-top").show();
- if($("#operateEdit").val()=='view'){
- $(".work_folw_cost").css("display","inline");
- }else{
- $(".work_folw_cost").css("display","none");
- }
- $(".judgementArea").removeClass("fullscreenclass");
- $("#fsc").data("data-fullscreen","0");
- if (document.exitFullscreen) {document.exitFullscreen();}
- else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); }
- else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); }
- else if (document.msExitFullscreen) { document.msExitFullscreen(); }
- if(typeof cfs != "undefined" && cfs) {cfs.call(el)};
- }
- window.onresize = function(){
- if(!checkFull()){
- exitFullScreen();
- }
- }
- function checkFull(){
- var explorer = window.navigator.userAgent.toLowerCase();
- if(explorer.indexOf('chrome')>0){//webkit
- if (document.body.scrollHeight === window.screen.height && document.body.scrollWidth === window.screen.width) {
- return true;
- } else {
- return false;
- }
- }else{//IE 9+ fireFox
- if (window.outerHeight === window.screen.height && window.outerWidth === window.screen.width) {
- return true;
- } else {
- return false;
- }
- }
- }

.fullscreenclass{
position: fixed;
left:0;
top:0;
right:0;
bottom:0;
background-color: #fff;
overflow:auto;
}
参考页面:
/pages/BudgetManagement/implemented/costSubjectTemplate.jsp
$("#fsc").on("click","#fullsc",function(){
$(".mini-toolbar").css({
"width":"100%",
"height":"100%"
})
$(".mini-menubutton,#dataExport,#multiEditButton,#release").hide();
var html = '<span id="exitfull"> <span class="glyphicon glyphicon-fullscreen"></span><span id="close-fullsc"> 退出全屏</span></span>';
$("#fsc").html(html);
var el = $("body")[0];
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen || el.oRequestFullscreen;
if(typeof rfs != "undefined" && rfs) {rfs.call(el)}
return;
})
$("#fsc").on("click","#exitfull",function(){
$(".mini-toolbar").css({
"width":"95%",
"height":"99%"
})
$(".mini-menubutton,#dataExport,#multiEditButton,#release").show();
var html = '<span id="fullsc"> <span class="glyphicon glyphicon-fullscreen"></span><span id="close-fullsc"> 全屏</span></span>';
$("#fsc").html(html);
if (document.exitFullscreen) {document.exitFullscreen();}
else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); }
else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); }
else if (document.msExitFullscreen) { document.msExitFullscreen(); }
if(typeof cfs != "undefined" && cfs) {cfs.call(el)};
})
window.onresize = function(){
if(!checkFull()){
var html = '<span id="fullsc"> <span class="glyphicon glyphicon-fullscreen"></span><span id="close-fullsc"> 全屏</span></span>';
$("#fsc").html(html);
}
}
function checkFull(){
var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled;
if(isFull === undefined) isFull = false;
return isFull;
}
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。