Rapporto Tecnico, Anno 7, n° 42 maggio 2012

this.createZoomControls(toolbar);
this.createPageControls(toolbar);
this.createOtherControls(toolbar);
var canvas = this.createDiv(ui, 'iiv-canvas')
this.textPanel = this.createDiv(canvas, 'iiv-text-panel');
this.textContainer = this.createDiv(this.textPanel, 'iiv-text-container');
this.imagePanel = this.createDiv(canvas, 'iiv-image-panel');
this.imagePanel.attr('id', 'iiv-image-panel');
var clear = this.createDiv(container, 'iiv-clear');
jQuery('.ui-state-default').hover (
function(){
jQuery(this).addClass("ui-state-hover");
},
function(){
jQuery(this).removeClass("ui-state-hover");
}
);
},
createZoomControls: function(toolbar) {
var controls = this.createControlSet(toolbar, 'zoom');
this.buttonZoomIn = this.createButton(controls, 'zoom-in', 'Zoom in', 'ui-icon-plus');
this.buttonZoomOut = this.createButton(controls, 'zoom-out', 'Zoom out', 'ui-icon-minus');
this.buttonZoomMax = this.createButton(controls, 'zoom-max', 'Reset zoom level', 'ui-icon-refresh');
this.sliderZoom = this.createZoomSlider(controls, 'zoom-slider', 'Change zoom level');

//
//

return controls;
},
createPageControls: function(toolbar) {
var controls = this.createControlSet(toolbar, 'page');
this.buttonPagePrevious = this.createButton(controls, 'page-previous', 'Previous page', 'ui-icon-arrowthick1-w');
this.createPageNumberDisplay(controls);
this.buttonPageNext = this.createButton(controls, 'page-next', 'Next page', 'ui-icon-arrowthick-1-e');
this.sliderPage = this.createPageSlider(controls, 'page-slider', 'Change page');
return controls;
},
createOtherControls: function(toolbar) {
var controls = this.createControlSet(toolbar, 'other');
this.buttonText = this.createButton(controls, 'text', 'Show text', 'iiv-icon-text');
//
this.buttonPrint = this.createButton(controls, 'print', 'Print page', 'ui-icon-print');
return controls;
},
createPageNumberDisplay: function(parent) {
var container = this.createDiv(parent, 'iiv-page-number');
this.currentPageSpan = jQuery('<span class="current">-</span>');
this.maxPageSpan = jQuery('<span class="max">-</span>');
container.append(this.currentPageSpan);
container.append('<span class="separator"> / </span>');
container.append(this.maxPageSpan);
return container;
},
createControlSet: function(parent, name) {
var controls = this.createDiv(parent, 'iiv-controlset ' + name);
parent.append(controls);
return controls;
},
createButton: function(parent, name, title, iconClass) {
var button = jQuery('<button class="' + name + ' ui-corner-all ui-state-default" title="' + title + '"><span
class="ui-icon ' + iconClass + '"></span></button>');
parent.append(button);
return button;
},
createZoomSlider: function(parent, name, tooltip, sliderOptions) {
var container = this.createDiv(parent, 'iiv-slider-container ui-corner-bottom');
container.attr('title', tooltip);
var slider = this.createDiv(container, 'iiv-slider ' + name);
slider.slider(sliderOptions);
parent.append(slider);
return slider;
},
createPageSlider: function(parent, name, tooltip, sliderOptions) {
var container = this.createDiv(parent, 'iiv-slider-container ui-corner-bottom');
container.attr('title', tooltip);
var slider = this.createDiv(container, 'iiv-slider-page ' + name);
slider.slider(sliderOptions);
parent.hover(
function() {
container.show();
parent.height(84);

79