mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-26 07:22:34 +00:00
make popup show on top of flash in IE
This commit is contained in:
llj
@@ -151,28 +151,29 @@ function onDocumentPrinted(){
|
|||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
var IE = document.all,
|
var IE = document.all,
|
||||||
URL = 'http://www.adobe.com/go/getflashplayer',
|
URL = 'http://www.adobe.com/go/getflashplayer',
|
||||||
JQUERY = typeof jQuery == 'function',
|
JQUERY = typeof jQuery == 'function',
|
||||||
RE = /(\d+)[^\d]+(\d+)[^\d]*(\d*)/,
|
RE = /(\d+)[^\d]+(\d+)[^\d]*(\d*)/,
|
||||||
GLOBAL_OPTS = {
|
GLOBAL_OPTS = {
|
||||||
// very common opts
|
// very common opts
|
||||||
width: '100%',
|
width: '100%',
|
||||||
height: '100%',
|
height: '100%',
|
||||||
id: "_" + ("" + Math.random()).slice(9),
|
id: "_" + ("" + Math.random()).slice(9),
|
||||||
|
|
||||||
// flashembed defaults
|
// flashembed defaults
|
||||||
allowfullscreen: true,
|
allowfullscreen: true,
|
||||||
allowscriptaccess: 'always',
|
allowscriptaccess: 'always',
|
||||||
quality: 'high',
|
quality: 'high',
|
||||||
|
wmode: 'opaque', // by lj, 2012-11-10
|
||||||
|
|
||||||
// flashembed specific options
|
// flashembed specific options
|
||||||
version: [3, 0],
|
version: [3, 0],
|
||||||
onFail: null,
|
onFail: null,
|
||||||
expressInstall: null,
|
expressInstall: null,
|
||||||
w3c: false,
|
w3c: false,
|
||||||
cachebusting: false
|
cachebusting: false
|
||||||
};
|
};
|
||||||
|
|
||||||
if(IE){GLOBAL_OPTS.cachebusting=true;}
|
if(IE){GLOBAL_OPTS.cachebusting=true;}
|
||||||
|
|
||||||
|
|||||||
@@ -1,466 +0,0 @@
|
|||||||
window.$FlexPaper = window["$FlexPaper"] = function(){
|
|
||||||
if (window['flexpaper'])
|
|
||||||
return window['flexpaper'];
|
|
||||||
else
|
|
||||||
window['flexpaper'] = window.FlexPaperViewer_Instance.getApi();
|
|
||||||
|
|
||||||
return window['flexpaper'];
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
*
|
|
||||||
* FlexPaper constructor (name of swf, name of placeholder, config)
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
window.FlexPaperViewer = window.$f = function() {
|
|
||||||
var config = arguments[2].config;
|
|
||||||
|
|
||||||
window.FlexPaperViewer_Instance = flashembed(arguments[1], {
|
|
||||||
|
|
||||||
src : arguments[0]+".swf",
|
|
||||||
version : [10, 0],
|
|
||||||
expressInstall : "js/expressinstall.swf"
|
|
||||||
},{
|
|
||||||
SwfFile : config.SwfFile,
|
|
||||||
Scale : config.Scale,
|
|
||||||
ZoomTransition : config.ZoomTransition,
|
|
||||||
ZoomTime : config.ZoomTime,
|
|
||||||
ZoomInterval : config.ZoomInterval,
|
|
||||||
FitPageOnLoad : config.FitPageOnLoad+'',
|
|
||||||
FitWidthOnLoad : config.FitWidthOnLoad+'',
|
|
||||||
FullScreenAsMaxWindow : config.FullScreenAsMaxWindow+'',
|
|
||||||
ProgressiveLoading : config.ProgressiveLoading+'',
|
|
||||||
MinZoomSize : config.MinZoomSize,
|
|
||||||
MaxZoomSize : config.MaxZoomSize,
|
|
||||||
SearchMatchAll : config.SearchMatchAll+'',
|
|
||||||
SearchServiceUrl : config.SearchServiceUrl,
|
|
||||||
InitViewMode : config.InitViewMode,
|
|
||||||
BitmapBasedRendering : config.BitmapBasedRendering+'',
|
|
||||||
StartAtPage : config.StartAtPage,
|
|
||||||
PrintPaperAsBitmap : config.PrintPaperAsBitmap+'',
|
|
||||||
AutoAdjustPrintSize : config.AutoAdjustPrintSize+'',
|
|
||||||
|
|
||||||
ViewModeToolsVisible : config.ViewModeToolsVisible+'',
|
|
||||||
ZoomToolsVisible : config.ZoomToolsVisible+'',
|
|
||||||
NavToolsVisible : config.NavToolsVisible+'',
|
|
||||||
CursorToolsVisible : config.CursorToolsVisible+'',
|
|
||||||
SearchToolsVisible : config.SearchToolsVisible+'',
|
|
||||||
|
|
||||||
EncodeURI : config.EncodeURI+'',
|
|
||||||
|
|
||||||
localeChain : config.localeChain,
|
|
||||||
key : config.key
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Handles the event of external links getting clicked in the document.
|
|
||||||
*
|
|
||||||
* @example onExternalLinkClicked("http://www.google.com")
|
|
||||||
*
|
|
||||||
* @param String link
|
|
||||||
*/
|
|
||||||
function onExternalLinkClicked(link){
|
|
||||||
$("#txt_eventlog").val('onExternalLinkClicked:' + link + '\n' + $("#txt_eventlog").val());
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Recieves progress information about the document being loaded
|
|
||||||
*
|
|
||||||
* @example onProgress( 100,10000 );
|
|
||||||
*
|
|
||||||
* @param int loaded
|
|
||||||
* @param int total
|
|
||||||
*/
|
|
||||||
function onProgress(loadedBytes,totalBytes){
|
|
||||||
$("#txt_progress").val('onProgress:' + loadedBytes + '/' + totalBytes + '\n');
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Handles the event of a document is in progress of loading
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
function onDocumentLoading(){
|
|
||||||
$("#txt_eventlog").val('onDocumentLoading' + '\n' + $("#txt_eventlog").val());
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Handles the event of a document is in progress of loading
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
function onPageLoading(pageNumber){
|
|
||||||
$("#txt_eventlog").val('onPageLoading:' + pageNumber + '\n' + $("#txt_eventlog").val());
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Receives messages about the current page being changed
|
|
||||||
*
|
|
||||||
* @example onCurrentPageChanged( 10 );
|
|
||||||
*
|
|
||||||
* @param int pagenum
|
|
||||||
*/
|
|
||||||
function onCurrentPageChanged(pagenum){
|
|
||||||
$("#txt_eventlog").val('onCurrentPageChanged:' + pagenum + '\n' + $("#txt_eventlog").val());
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Receives messages about the document being loaded
|
|
||||||
*
|
|
||||||
* @example onDocumentLoaded( 20 );
|
|
||||||
*
|
|
||||||
* @param int totalPages
|
|
||||||
*/
|
|
||||||
function onDocumentLoaded(totalPages){
|
|
||||||
$("#txt_eventlog").val('onDocumentLoaded:' + totalPages + '\n' + $("#txt_eventlog").val());
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Receives messages about the page loaded
|
|
||||||
*
|
|
||||||
* @example onPageLoaded( 1 );
|
|
||||||
*
|
|
||||||
* @param int pageNumber
|
|
||||||
*/
|
|
||||||
function onPageLoaded(pageNumber){
|
|
||||||
$("#txt_eventlog").val('onPageLoaded:' + pageNumber + '\n' + $("#txt_eventlog").val());
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Receives messages about the page loaded
|
|
||||||
*
|
|
||||||
* @example onErrorLoadingPage( 1 );
|
|
||||||
*
|
|
||||||
* @param int pageNumber
|
|
||||||
*/
|
|
||||||
function onErrorLoadingPage(pageNumber){
|
|
||||||
$("#txt_eventlog").val('onErrorLoadingPage:' + pageNumber + '\n' + $("#txt_eventlog").val());
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Receives error messages when a document is not loading properly
|
|
||||||
*
|
|
||||||
* @example onDocumentLoadedError( "Network error" );
|
|
||||||
*
|
|
||||||
* @param String errorMessage
|
|
||||||
*/
|
|
||||||
function onDocumentLoadedError(errMessage){
|
|
||||||
$("#txt_eventlog").val('onDocumentLoadedError:' + errMessage + '\n' + $("#txt_eventlog").val());
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Receives error messages when a document has finished printed
|
|
||||||
*
|
|
||||||
* @example onDocumentPrinted();
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
function onDocumentPrinted(){
|
|
||||||
$("#txt_eventlog").val('onDocumentPrinted\n' + $("#txt_eventlog").val());
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
*
|
|
||||||
* FlexPaper embedding functionality. Based on FlashEmbed
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function() {
|
|
||||||
|
|
||||||
var IE = document.all,
|
|
||||||
URL = 'http://www.adobe.com/go/getflashplayer',
|
|
||||||
JQUERY = typeof jQuery == 'function',
|
|
||||||
RE = /(\d+)[^\d]+(\d+)[^\d]*(\d*)/,
|
|
||||||
GLOBAL_OPTS = {
|
|
||||||
// very common opts
|
|
||||||
width: '100%',
|
|
||||||
height: '100%',
|
|
||||||
id: "_" + ("" + Math.random()).slice(9),
|
|
||||||
|
|
||||||
// flashembed defaults
|
|
||||||
allowfullscreen: true,
|
|
||||||
allowscriptaccess: 'always',
|
|
||||||
quality: 'high',
|
|
||||||
|
|
||||||
// flashembed specific options
|
|
||||||
version: [3, 0],
|
|
||||||
onFail: null,
|
|
||||||
expressInstall: null,
|
|
||||||
w3c: false,
|
|
||||||
cachebusting: false
|
|
||||||
};
|
|
||||||
|
|
||||||
if(IE){GLOBAL_OPTS.cachebusting=true;}
|
|
||||||
|
|
||||||
// version 9 bugfix: (http://blog.deconcept.com/2006/07/28/swfobject-143-released/)
|
|
||||||
if (window.attachEvent) {
|
|
||||||
window.attachEvent("onbeforeunload", function() {
|
|
||||||
__flash_unloadHandler = function() {};
|
|
||||||
__flash_savedUnloadHandler = function() {};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// simple extend
|
|
||||||
function extend(to, from) {
|
|
||||||
if (from) {
|
|
||||||
for (var key in from) {
|
|
||||||
if (from.hasOwnProperty(key)) {
|
|
||||||
to[key] = from[key];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
}
|
|
||||||
|
|
||||||
// used by asString method
|
|
||||||
function map(arr, func) {
|
|
||||||
var newArr = [];
|
|
||||||
for (var i in arr) {
|
|
||||||
if (arr.hasOwnProperty(i)) {
|
|
||||||
newArr[i] = func(arr[i]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return newArr;
|
|
||||||
}
|
|
||||||
|
|
||||||
window.flashembed = function(root, opts, conf) {
|
|
||||||
|
|
||||||
// root must be found / loaded
|
|
||||||
if (typeof root == 'string') {
|
|
||||||
root = document.getElementById(root.replace("#", ""));
|
|
||||||
}
|
|
||||||
|
|
||||||
// not found
|
|
||||||
if (!root) { return; }
|
|
||||||
|
|
||||||
root.onclick = function(){return false;}
|
|
||||||
|
|
||||||
if (typeof opts == 'string') {
|
|
||||||
opts = {src: opts};
|
|
||||||
}
|
|
||||||
|
|
||||||
return new Flash(root, extend(extend({}, GLOBAL_OPTS), opts), conf);
|
|
||||||
};
|
|
||||||
|
|
||||||
// flashembed "static" API
|
|
||||||
var f = extend(window.flashembed, {
|
|
||||||
|
|
||||||
conf: GLOBAL_OPTS,
|
|
||||||
|
|
||||||
getVersion: function() {
|
|
||||||
var fo, ver;
|
|
||||||
|
|
||||||
try {
|
|
||||||
ver = navigator.plugins["Shockwave Flash"].description.slice(16);
|
|
||||||
} catch(e) {
|
|
||||||
|
|
||||||
try {
|
|
||||||
fo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
|
|
||||||
ver = fo && fo.GetVariable("$version");
|
|
||||||
|
|
||||||
} catch(err) {
|
|
||||||
try {
|
|
||||||
fo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
|
|
||||||
ver = fo && fo.GetVariable("$version");
|
|
||||||
} catch(err2) { }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ver = RE.exec(ver);
|
|
||||||
return ver ? [ver[1], ver[3]] : [0, 0];
|
|
||||||
},
|
|
||||||
|
|
||||||
asString: function(obj) {
|
|
||||||
|
|
||||||
if (obj === null || obj === undefined) { return null; }
|
|
||||||
var type = typeof obj;
|
|
||||||
if (type == 'object' && obj.push) { type = 'array'; }
|
|
||||||
|
|
||||||
switch (type){
|
|
||||||
|
|
||||||
case 'string':
|
|
||||||
obj = obj.replace(new RegExp('(["\\\\])', 'g'), '\\$1');
|
|
||||||
|
|
||||||
// flash does not handle %- characters well. transforms "50%" to "50pct" (a dirty hack, I admit)
|
|
||||||
obj = obj.replace(/^\s?(\d+\.?\d+)%/, "$1pct");
|
|
||||||
return '"' +obj+ '"';
|
|
||||||
|
|
||||||
case 'array':
|
|
||||||
return '['+ map(obj, function(el) {
|
|
||||||
return f.asString(el);
|
|
||||||
}).join(',') +']';
|
|
||||||
|
|
||||||
case 'function':
|
|
||||||
return '"function()"';
|
|
||||||
|
|
||||||
case 'object':
|
|
||||||
var str = [];
|
|
||||||
for (var prop in obj) {
|
|
||||||
if (obj.hasOwnProperty(prop)) {
|
|
||||||
str.push('"'+prop+'":'+ f.asString(obj[prop]));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return '{'+str.join(',')+'}';
|
|
||||||
}
|
|
||||||
|
|
||||||
// replace ' --> " and remove spaces
|
|
||||||
return String(obj).replace(/\s/g, " ").replace(/\'/g, "\"");
|
|
||||||
},
|
|
||||||
|
|
||||||
getHTML: function(opts, conf) {
|
|
||||||
|
|
||||||
opts = extend({}, opts);
|
|
||||||
opts.id = opts.id + (" " + Math.random()).slice(9);
|
|
||||||
|
|
||||||
/******* OBJECT tag and it's attributes *******/
|
|
||||||
var html = '<object width="' + opts.width +
|
|
||||||
'" height="' + opts.height +
|
|
||||||
'" id="' + opts.id +
|
|
||||||
'" name="' + opts.id + '"';
|
|
||||||
|
|
||||||
if (opts.cachebusting) {
|
|
||||||
opts.src += ((opts.src.indexOf("?") != -1 ? "&" : "?") + Math.random());
|
|
||||||
}
|
|
||||||
|
|
||||||
if (opts.w3c || !IE) {
|
|
||||||
html += ' data="' +opts.src+ '" type="application/x-shockwave-flash"';
|
|
||||||
} else {
|
|
||||||
html += ' classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"';
|
|
||||||
}
|
|
||||||
|
|
||||||
html += '>';
|
|
||||||
|
|
||||||
/******* nested PARAM tags *******/
|
|
||||||
if (opts.w3c || IE) {
|
|
||||||
html += '<param name="movie" value="' +opts.src+ '" />';
|
|
||||||
}
|
|
||||||
|
|
||||||
// not allowed params
|
|
||||||
opts.width = opts.height = opts.id = opts.w3c = opts.src = null;
|
|
||||||
opts.onFail = opts.version = opts.expressInstall = null;
|
|
||||||
|
|
||||||
for (var key in opts) {
|
|
||||||
if (opts[key]) {
|
|
||||||
html += '<param name="'+ key +'" value="'+ opts[key] +'" />';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/******* FLASHVARS *******/
|
|
||||||
var vars = "";
|
|
||||||
|
|
||||||
if (conf) {
|
|
||||||
for (var k in conf) {
|
|
||||||
if (conf[k]) {
|
|
||||||
var val = conf[k];
|
|
||||||
vars += k +'='+ (/function|object/.test(typeof val) ? f.asString(val) : val) + '&';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
vars = vars.slice(0, -1);
|
|
||||||
html += '<param name="flashvars" value=\'' + vars + '\' />';
|
|
||||||
}
|
|
||||||
|
|
||||||
html += "</object>";
|
|
||||||
return html;
|
|
||||||
},
|
|
||||||
|
|
||||||
isSupported: function(ver) {
|
|
||||||
return VERSION[0] > ver[0] || VERSION[0] == ver[0] && VERSION[1] >= ver[1];
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
var VERSION = f.getVersion();
|
|
||||||
|
|
||||||
function Flash(root, opts, conf) {
|
|
||||||
|
|
||||||
// version is ok
|
|
||||||
if (f.isSupported(opts.version)) {
|
|
||||||
root.innerHTML = f.getHTML(opts, conf);
|
|
||||||
|
|
||||||
// express install
|
|
||||||
} else if (opts.expressInstall && f.isSupported([6, 65])) {
|
|
||||||
root.innerHTML = f.getHTML(extend(opts, {src: opts.expressInstall}), {
|
|
||||||
MMredirectURL: location.href,
|
|
||||||
MMplayerType: 'PlugIn',
|
|
||||||
MMdoctitle: document.title
|
|
||||||
});
|
|
||||||
|
|
||||||
} else {
|
|
||||||
|
|
||||||
// fail #2.1 custom content inside container
|
|
||||||
if (!root.innerHTML.replace(/\s/g, '')) {
|
|
||||||
/* root.innerHTML =
|
|
||||||
"<h2>Flash version " + opts.version + " or greater is required</h2>" +
|
|
||||||
"<h3>" +
|
|
||||||
(VERSION[0] > 0 ? "Your version is " + VERSION : "You have no flash plugin installed") +
|
|
||||||
"</h3>" +
|
|
||||||
|
|
||||||
(root.tagName == 'A' ? "<p>Click here to download latest version</p>" :
|
|
||||||
"<p>Download latest version from <a href='" + URL + "'>here</a></p>");
|
|
||||||
*/
|
|
||||||
var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");
|
|
||||||
|
|
||||||
root.innerHTML = "<a href='http://www.adobe.com/go/getflashplayer'><img src='"
|
|
||||||
+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>";
|
|
||||||
|
|
||||||
if (root.tagName == 'A') {
|
|
||||||
root.onclick = function() {
|
|
||||||
location.href = URL;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// onFail
|
|
||||||
if (opts.onFail) {
|
|
||||||
var ret = opts.onFail.call(this);
|
|
||||||
if (typeof ret == 'string') { root.innerHTML = ret; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// http://flowplayer.org/forum/8/18186#post-18593
|
|
||||||
if (IE) {
|
|
||||||
window[opts.id] = document.getElementById(opts.id);
|
|
||||||
}
|
|
||||||
|
|
||||||
// API methods for callback
|
|
||||||
extend(this, {
|
|
||||||
|
|
||||||
getRoot: function() {
|
|
||||||
return root;
|
|
||||||
},
|
|
||||||
|
|
||||||
getOptions: function() {
|
|
||||||
return opts;
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
getConf: function() {
|
|
||||||
return conf;
|
|
||||||
},
|
|
||||||
|
|
||||||
getApi: function() {
|
|
||||||
return root.firstChild;
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// setup jquery support
|
|
||||||
if (JQUERY) {
|
|
||||||
|
|
||||||
// tools version number
|
|
||||||
jQuery.tools = jQuery.tools || {version: '1.2.5'};
|
|
||||||
|
|
||||||
jQuery.tools.flashembed = {
|
|
||||||
conf: GLOBAL_OPTS
|
|
||||||
};
|
|
||||||
|
|
||||||
jQuery.fn.flashembed = function(opts, conf) {
|
|
||||||
return this.each(function() {
|
|
||||||
$(this).data("flashembed", flashembed(this, opts, conf));
|
|
||||||
});
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
})();
|
|
||||||
@@ -204,7 +204,7 @@ $('#view-original, #download').click(function() {
|
|||||||
window.open($(this).attr('data'));
|
window.open($(this).attr('data'));
|
||||||
});
|
});
|
||||||
{% if not view_history %}
|
{% if not view_history %}
|
||||||
$('#edit, #update').click(function() {
|
$('#edit').click(function() {
|
||||||
location.href = $(this).attr('data');
|
location.href = $(this).attr('data');
|
||||||
});
|
});
|
||||||
function showLink() {
|
function showLink() {
|
||||||
|
|||||||
@@ -142,7 +142,6 @@ $('#file-view').html('<p>{% trans "This type of file cannot be viewed online." %
|
|||||||
|
|
||||||
localeChain: 'en_US'
|
localeChain: 'en_US'
|
||||||
}});
|
}});
|
||||||
$('#file-view').children('object').prepend('<param name="wmode" value="opaque">'); //allow popup to show on top of the flash
|
|
||||||
}
|
}
|
||||||
|
|
||||||
{% if swf_exists %}
|
{% if swf_exists %}
|
||||||
|
|||||||
Reference in New Issue
Block a user