# HG changeset patch
# User hertzhaft
# Date 1295270340 -3600
# Node ID 533b06116a48d69f1b01a7ec9c618e0684a99436
# Parent 5a7f82f10a5d640491569838e28602e53d71b1a6# Parent a473998de5f89f64d2eb9ace66570d9577026710
merging recent changes
diff -r 5a7f82f10a5d -r 533b06116a48 client/digitallibrary/jquery/jquery-test-full.html
--- a/client/digitallibrary/jquery/jquery-test-full.html Mon Jan 17 10:27:37 2011 +0100
+++ b/client/digitallibrary/jquery/jquery-test-full.html Mon Jan 17 14:19:00 2011 +0100
@@ -3,52 +3,79 @@
Digilib jQuery Test HTML
-
+
-
+
-
+
-
+
-
+
![]()
');
+ var $img = $('![]()
');
$buttonsDiv.append($button);
$button.append($a);
$a.append($img);
// add attributes and bindings
- $button.attr('title', buttonSettings.tooltip);
- $button.addClass('button-' + buttonName);
+ $button.attr('title', actionSettings.tooltip);
+ $button.addClass('button-' + actionName);
// let the clicked element know about the digilib context
- $a.data('digilib', { 'name' : buttonName, 'settings' : settings } );
+ $a.data('digilib', { 'action' : actionName, 'settings' : settings } );
$a.bind('click', function() {
- // get the context settings
- var data = $(this).data('digilib');
+ var $elem = $(this);
+ // get the context data
+ var data = $elem.data('digilib');
// find the action for the clicked element
- console.log(data.settings.buttons[data.name].onclick);
+ var method = data.settings.actions[data.action].onclick;
+ if ($.isArray(method)) {
+ $elem.digilib.apply(this, method);
+ } else {
+ $elem.digilib(method);
+ };
+ console.log(method);
});
// binding mit closure
- //(function(){ var action = buttonSettings.onclick;
+ //(function(){ var action = actionSettings.onclick;
// $a.bind('click', function(){ console.log( action )} );
//})();
- $img.attr('src', settings.buttonsImagePath + buttonSettings.img);
+ $img.attr('src', settings.buttonsImagePath + actionSettings.img);
};
}
return $buttonsDiv;
};
-
+
+ // creates HTML structure for the bird's eye view in elem
+ var setupBirdviewDiv = function ($elem, settings) {
+ // use only the relevant parameters
+ var keys = ['fn','pn','dw','dh'];
+ var birdDimensions = {
+ 'dw' : settings.birdMaxX,
+ 'dh' : settings.birdMaxY
+ };
+ var birdSettings = $.extend({}, settings, birdDimensions);
+ var birdUrl = settings.scalerBaseUrl + '?' + makeParamString(birdSettings, keys);
+ // the bird's eye div
+ var $birdviewDiv = $('');
+ // the detail indicator frame
+ var $birdzoomDiv = $('');
+ // the small image
+ var $birdImg = $('![]()
');
+ $elem.append($birdviewDiv);
+ $birdviewDiv.append($birdzoomDiv);
+ $birdviewDiv.append($birdImg);
+ $birdImg.attr('src', birdUrl);
+ };
+
+ // creates HTML structure for the bird's eye view in elem
+ var setupAboutDiv = function ($elem, settings) {
+ var $aboutDiv = $('');
+ var $header = $('Digilib Graphic Viewer
');
+ var $link = $('');
+ var $logo = $('![]( "digilib")
');
+ var $content = $('');
+ $elem.append($aboutDiv);
+ $aboutDiv.append($header);
+ $aboutDiv.append($link);
+ $aboutDiv.append($content);
+ $link.append($logo);
+ $logo.attr('src', settings.logoUrl);
+ $link.attr('href', settings.reposUrl);
+ $content.text('Version: ' + settings.version);
+ // let the element know about the digilib context
+ $aboutDiv.data('digilib', { 'settings' : settings } );
+ $aboutDiv.bind('click', function() {
+ console.log($(this));
+ $(this).digilib('toggleAboutDiv');
+ });
+ };
+
// returns function for load event of scaler img
var scalerImgLoadedFn = function(settings) {
return function() {