# HG changeset patch # User hertzhaft # Date 1296063423 -3600 # Node ID 86c4174977f1a6aa2a910087c5c9a808743580ac # Parent 6ec8c8ae02c7d4d76ddbc6874786fd8379dddda2 trying to work around IE bugs, debugging for IE diff -r 6ec8c8ae02c7 -r 86c4174977f1 client/digitallibrary/jquery/jquery-test-embedded.html --- a/client/digitallibrary/jquery/jquery-test-embedded.html Wed Jan 26 15:37:39 2011 +0100 +++ b/client/digitallibrary/jquery/jquery-test-embedded.html Wed Jan 26 18:37:03 2011 +0100 @@ -9,7 +9,6 @@ } div.digilib { - float: left; padding: 10px; width: 220px; } @@ -47,7 +46,32 @@ display: none; z-index: 1000; } + + td { + vertical-align: top; + } + + #debug { + background-color: beige; + position: absolute; + top: 400px; + padding: 0px 10px; + font-family: Arial; + font-size: 9pt; + } + + div._log { + color: grey; + } + div._debug { + color: darkgreen; + } + + div._error { + color: red; + } + @@ -73,19 +97,34 @@ - -
- -
-
- -
-
- -
-
- -
+ + + + + + + + + + +
+
+ +
+ 		+
+ +
+ 		+
+ +
+ 		+
+ +
+
+
DEBUG
diff -r 6ec8c8ae02c7 -r 86c4174977f1 client/digitallibrary/jquery/jquery.digilib.js --- a/client/digitallibrary/jquery/jquery.digilib.js Wed Jan 26 15:37:39 2011 +0100 +++ b/client/digitallibrary/jquery/jquery.digilib.js Wed Jan 26 18:37:03 2011 +0100 @@ -6,9 +6,28 @@ // fallback for console.log calls if (typeof(console) === 'undefined') { var console = { - log : function(){}, - debug : function(){}, - error : function(){} + log : function(){ + var $debug = $('#debug'); + if (!$debug) return; + var args = Array.prototype.slice.call(arguments); + var argstr = args.join(' '); + $debug.append('
' + argstr + '
'); + }, + debug : function(){ + // debug for MSIE etc + var $debug = $('#debug'); + if (!$debug) return; + var args = Array.prototype.slice.call(arguments); + var argstr = args.join(' '); + $debug.append('
' + argstr + '
'); + }, + error : function(){ + var $debug = $('#debug'); + if (!$debug) return; + var args = Array.prototype.slice.call(arguments); + var argstr = args.join(' '); + $debug.append('
' + argstr + '
'); + } }; } @@ -634,32 +653,34 @@ var setupScalerDiv = function (data) { var settings = data.settings; var $elem = data.$elem; - var $img; + var $img, scalerUrl; + // fullscreen if (settings.interactionMode === 'fullscreen') { - // fullscreen var imgSize = getFullscreenImgSize($elem); // fitwidth/height omits destination height/width if (data.dlOpts['fitheight'] == null) { settings.dw = imgSize.width; - } + }; if (data.dlOpts['fitwidth'] == null) { settings.dh = imgSize.height; - } + }; $img = $(''); - var scalerUrl = getScalerUrl(data); - $img.attr('src', scalerUrl); + scalerUrl = getScalerUrl(data); + // embedded mode -- try to keep img tag } else { - // embedded mode -- try to keep img tag $img = $elem.find('img'); if ($img.length > 0) { - console.debug("img detach:",$img); + console.debug("img detach:", $img); + scalerUrl = $img.attr('src'); $img.detach(); } else { $img = $(''); - var scalerUrl = getScalerUrl(data); - $img.attr('src', scalerUrl); - } + scalerUrl = getScalerUrl(data); + }; } + // setup image load handler before setting the src attribute (IE bug) + $img.load(scalerImgLoadedHandler(data)); + $img.attr('src', scalerUrl); // create new html $elem.empty(); // TODO: should we keep stuff for customization? var $scaler = $('
'); @@ -668,7 +689,6 @@ $img.addClass('pic'); data.$scaler = $scaler; data.$img = $img; - $img.load(scalerImgLoadedHandler(data)); }; // creates HTML structure for buttons in elem @@ -845,6 +865,7 @@ // create Transform from current area and picsize data.imgTrafo = getImgTrafo($img, data.zoomArea, data.settings.rot, data.scalerFlags.hmir, data.scalerFlags.vmir); + console.debug("imgTrafo=", data.imgTrafo); // display marks renderMarks(data); //digilib.showArrows(); // show arrow overlays for zoom navigation