Mercurial > hg > digilib-old

comparison webapp/src/main/webapp/jquery/jquery.digilib.js @ 996:0b63093d598e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
cssPrefix works now.
author robcast
date Fri, 10 Feb 2012 12:47:17 +0100
parents 76cffbaf0083
children d084717a1ed9
comparison
equal deleted inserted replaced
995:76cffbaf0083 996:0b63093d598e
36 36
37 (function($) { 37 (function($) {
38 38
39 var defaults = { 39 var defaults = {
40 // version of this script 40 // version of this script
41 'version' : 'jquery.digilib.js 2.1.4a1', 41 'version' : 'jquery.digilib.js 2.1.4b1',
42 // logo url 42 // logo url
43 'logoUrl' : 'img/digilib-logo-text1.png', 43 'logoUrl' : 'img/digilib-logo-text1.png',
44 // homepage url (behind logo) 44 // homepage url (behind logo)
45 'homeUrl' : 'http://digilib.berlios.de', 45 'homeUrl' : 'http://digilib.berlios.de',
46 // base URL to digilib (e.g. 'http://digilib.mpiwg-berlin.mpg.de/digitallibrary') 46 // base URL to digilib (e.g. 'http://digilib.mpiwg-berlin.mpg.de/digitallibrary')
895 * creates HTML structure for digilib in elem 895 * creates HTML structure for digilib in elem
896 */ 896 */
897 var setupScalerDiv = function (data) { 897 var setupScalerDiv = function (data) {
898 var settings = data.settings; 898 var settings = data.settings;
899 var $elem = data.$elem; 899 var $elem = data.$elem;
900 $elem.addClass('digilib'); 900 var cssPrefix = settings.cssPrefix;
901 $elem.addClass(cssPrefix+'digilib');
901 var $img; 902 var $img;
902 var scalerUrl; 903 var scalerUrl;
903 if (settings.interactionMode === 'fullscreen') { 904 if (settings.interactionMode === 'fullscreen') {
904 // fullscreen 905 // fullscreen
905 $elem.addClass(cssPrefix+'fullscreen'); 906 $elem.addClass(cssPrefix+'fullscreen');
935 } else { 936 } else {
936 $img = $('<img/>'); 937 $img = $('<img/>');
937 } 938 }
938 } 939 }
939 // create new inner html, keeping buttons and content marked with "keep" class 940 // create new inner html, keeping buttons and content marked with "keep" class
940 $elem.contents(":not(.keep)").remove(); 941 $elem.contents(':not(.'+cssPrefix+'keep)').remove();
941 var $scaler = $('<div class="'+cssPrefix+'scaler"/>'); 942 var $scaler = $('<div class="'+cssPrefix+'scaler"/>');
942 // scaler should be the first child element? 943 // scaler should be the first child element?
943 $elem.prepend($scaler); 944 $elem.prepend($scaler);
944 $scaler.append($img); 945 $scaler.append($img);
945 $img.addClass(cssPrefix+'pic'); 946 $img.addClass(cssPrefix+'pic');
958 * 959 *
959 */ 960 */
960 var setupAboutDiv = function (data) { 961 var setupAboutDiv = function (data) {
961 var $elem = data.$elem; 962 var $elem = data.$elem;
962 var settings = data.settings; 963 var settings = data.settings;
963 var $aboutDiv = $('<div class="'+cssPrefix+'about" style="display:none"/>'); 964 var $aboutDiv = $('<div class="'+settings.cssPrefix+'about" style="display:none"/>');
964 var $header = $('<p>Digilib Image Viewer</p>'); 965 var $header = $('<p>Digilib Image Viewer</p>');
965 var $link = $('<a/>'); 966 var $link = $('<a/>');
966 var $logo = $('<img class="'+cssPrefix+'logo" title="digilib"/>'); 967 var $logo = $('<img class="'+settings.cssPrefix+'logo" title="digilib"/>');
967 var $content = $('<p/>'); 968 var $content = $('<p/>');
968 $elem.append($aboutDiv); 969 $elem.append($aboutDiv);
969 $aboutDiv.append($header); 970 $aboutDiv.append($header);
970 $aboutDiv.append($link); 971 $aboutDiv.append($link);
971 $aboutDiv.append($content); 972 $aboutDiv.append($content);
1118 */ 1119 */
1119 var handleChangeZoomArea = function (evt, newZa) { 1120 var handleChangeZoomArea = function (evt, newZa) {
1120 console.debug("handleChangeZoomArea:", newZa); 1121 console.debug("handleChangeZoomArea:", newZa);
1121 var data = this; 1122 var data = this;
1122 // hide all overlays (marks/regions) 1123 // hide all overlays (marks/regions)
1123 data.$elem.find('.'+cssPrefix+'overlay').hide(); 1124 data.$elem.find('.'+data.settings.cssPrefix+'overlay').hide();
1124 setPreviewBg(data, newZa); 1125 setPreviewBg(data, newZa);
1125 }; 1126 };
1126 1127
1127 1128
1128 /** zoom by the given factor. 1129 /** zoom by the given factor.
1150 */ 1151 */
1151 var zoomArea = function(data) { 1152 var zoomArea = function(data) {
1152 $elem = data.$elem; 1153 $elem = data.$elem;
1153 $scaler = data.$scaler; 1154 $scaler = data.$scaler;
1154 var pt1, pt2; 1155 var pt1, pt2;
1155 var $zoomDiv = $('<div class="'+cssPrefix+'zoomrect" style="display:none"/>'); 1156 var $zoomDiv = $('<div class="'+data.settings.cssPrefix+'zoomrect" style="display:none"/>');
1156 $elem.append($zoomDiv); 1157 $elem.append($zoomDiv);
1157 // $zoomDiv.css(data.settings.zoomrectStyle); 1158 // $zoomDiv.css(data.settings.zoomrectStyle);
1158 var picRect = geom.rectangle($scaler); 1159 var picRect = geom.rectangle($scaler);
1159 // FIX ME: is there a way to query the border width from CSS info? 1160 // FIX ME: is there a way to query the border width from CSS info?
1160 // rect.x -= 2; // account for overlay borders 1161 // rect.x -= 2; // account for overlay borders
1525 1526
1526 // fallback for console.log calls 1527 // fallback for console.log calls
1527 if (customConsole) { 1528 if (customConsole) {
1528 var logFunction = function(type) { 1529 var logFunction = function(type) {
1529 return function(){ 1530 return function(){
1530 var $debug = $('#debug'); // debug div 1531 var $debug = $('#'+defaults.cssPrefix+'debug'); // debug div
1531 if (!$debug) return; 1532 if (!$debug) return;
1532 var args = Array.prototype.slice.call(arguments); 1533 var args = Array.prototype.slice.call(arguments);
1533 var argtext = args.join(' '); 1534 var argtext = args.join(' ');
1534 var $logDiv = $('<div/>'); 1535 var $logDiv = $('<div/>');
1535 $logDiv.addClass(type); 1536 $logDiv.addClass(type);