" );
}
/* Works perfect for Firefox and Opera and is (in theory) the correct way
* to manipulate HTML pages using the DOM interface.
* Does not work in IE, since it does not correctly create the attributes
* given via setAttribute!
*/
function popupAtMouseCorrect( givenText, event ) {
var geometry = getGeometry();
alert( "horizontal scroll: " + geometry.getHorizontalScroll() + ", vertical scroll: " + geometry.getVerticalScroll() );
var newNode = document.createElement( "div" );
//var xPos = event.screenX - geometry.getHorizontalScroll();
//var yPos = event.screenY - geometry.getVerticalScroll();
var xPos = event.clientX + geometry.getHorizontalScroll();
var yPos = event.clientY + geometry.getVerticalScroll();
alert( "x position: " + xPos + ", y position: " + yPos );
newNode.setAttribute( 'style', 'z-index:100;position:absolute;top:' + yPos + "px;left:"
+ xPos + "px;background-color:white;padding:20px;" );
newNode.appendChild( document.createTextNode( givenText ) );
var formNode = document.createElement( "form" );
formNode.setAttribute( 'action', 'javascriptDisabled' );
var okayButton = document.createElement( "input" );
okayButton.setAttribute( 'class', 'button' );
okayButton.setAttribute( 'type', 'button' );
okayButton.setAttribute( 'value', 'Okay' );
okayButton.setAttribute( 'onclick', 'alert("ready");document.body.removeChild(document.body.firstChild);return(false);' );
formNode.appendChild( okayButton );
newNode.appendChild( formNode );
document.body.insertBefore( newNode, document.body.firstChild );
}
/* Function must return false for technical reasons! */
function userAnonymousWarning( event, offsetX, offsetY ) {
popupAtMouse( global_aloeTranslations.anonymousClickNotAllowed, event, offsetX, offsetY);
return( false );
}
/* Workaround using innerHTML
*/
function popupAtMouse( givenText, event, offsetX, offsetY ) {
if ( ! offsetX ) offsetX = 0;
if ( ! offsetY ) offsetY = 0;
var geometry = getGeometry();
var xPos = event.clientX + geometry.getHorizontalScroll() + offsetX;
var yPos = event.clientY + geometry.getVerticalScroll() + offsetY;
//alert( "horizontal scroll: " + geometry.getHorizontalScroll() + ", vertical scroll: " + geometry.getVerticalScroll() );
var form = "";
var toPrint = "
"+ givenText + form + "
\n";
var newNode = document.createElement( "div" );
var newDocumentNode = document.body.insertBefore( newNode, document.body.firstChild );
newDocumentNode.innerHTML = toPrint;
return( false );
}
/* Workaround using innerHTML
*/
function popupGlobal( givenText, offsetX, offsetY ) {
var wrapper = document.getElementById('wrapper');
if ( wrapper != null ) {
var positionBase = getPosition( wrapper );
var geometry = getGeometry();
var posX = positionBase.x + geometry.getHorizontalScroll() + + offsetX;
var posY = positionBase.y + geometry.getVerticalScroll() + offsetY;
var inputElement = "";
var toPrint = "
"+ givenText + " " + inputElement + "
\n";
var newNode = document.createElement( "div" );
var newDocumentNode = document.body.insertBefore( newNode, document.body.firstChild );
newDocumentNode.innerHTML = toPrint;
}
return( false );
}
function popupGlobalAbsolutePosition( givenText, positionX, positionY ) {
var wrapper = document.getElementById('wrapper');
if ( wrapper != null ) {
var posX = positionX;
var posY = positionY;
var inputElement = "";
var toPrint = "
"+ givenText + " " + inputElement + "
\n";
var newNode = document.createElement( "div" );
var newDocumentNode = document.body.insertBefore( newNode, document.body.firstChild );
newDocumentNode.innerHTML = toPrint;
}
return( false );
}
// Extend String class
String.prototype.trim = function () {
var toReturn = this;
while ( toReturn.substring(0,1) == ' ' ) {
toReturn = toReturn.substring(1, toReturn.length);
}
while ( toReturn.substring(toReturn.length-1, toReturn.length) == ' ')
{
toReturn = toReturn.substring(0,toReturn.length-1);
}
return toReturn;
}
// Borrowed from
// http://kkaefer.com/blog/javascript-position-bestimmen
// Get the position of a given element
function getPosition(obj) {
var pos = { x:0, y:0 };
do {
pos.x += obj.offsetLeft;
pos.y += obj.offsetTop;
} while (obj = obj.offsetParent);
return pos;
}
/* From the examples of the o'reilly book 'JavaScript - The Definitive Guide' from David Flanagan,
downloaded at http://examples.oreilly.com/jscript5/js5examples.tar.gz
*/
function getGeometry() {
/**
* Geometry.js: portable functions for querying window and document geometry
*
* This module defines functions for querying window and document geometry.
*
* getWindowX/Y(): return the position of the window on the screen
* getViewportWidth/Height(): return the size of the browser viewport area
* getDocumentWidth/Height(): return the size of the document.
* getHorizontalScroll(): return the position of the horizontal scrollbar
* getVerticalScroll(): return the position of the vertical scrollbar
*
* Note that there is no portable way to query the overall size of the
* browser window, so there are no getWindowWidth/Height() functions.
*
* IMPORTANT: This module must be included in the of a document
* instead of the of the document.
*/
var Geometry = {};
if (window.screenLeft) { // IE and others
Geometry.getWindowX = function() { return window.screenLeft; };
Geometry.getWindowY = function() { return window.screenTop; };
}
else if (window.screenX) { // Firefox and others
Geometry.getWindowX = function() { return window.screenX; };
Geometry.getWindowY = function() { return window.screenY; };
}
if (window.innerWidth) { // All browsers but IE
Geometry.getViewportWidth = function() { return window.innerWidth; };
Geometry.getViewportHeight = function() { return window.innerHeight; };
Geometry.getHorizontalScroll = function() { return window.pageXOffset; };
Geometry.getVerticalScroll = function() { return window.pageYOffset; };
}
else if (document.documentElement && document.documentElement.clientWidth) {
// These functions are for IE6 when there is a DOCTYPE
Geometry.getViewportWidth =
function() { return document.documentElement.clientWidth; };
Geometry.getViewportHeight =
function() { return document.documentElement.clientHeight; };
Geometry.getHorizontalScroll =
function() { return document.documentElement.scrollLeft; };
Geometry.getVerticalScroll =
function() { return document.documentElement.scrollTop; };
}
else if (document.body.clientWidth) {
// These are for IE4, IE5, and IE6 without a DOCTYPE
Geometry.getViewportWidth =
function() { return document.body.clientWidth; };
Geometry.getViewportHeight =
function() { return document.body.clientHeight; };
Geometry.getHorizontalScroll =
function() { return document.body.scrollLeft; };
Geometry.getVerticalScroll =
function() { return document.body.scrollTop; };
}
// These functions return the size of the document. They are not window
// related, but they are useful to have here anyway.
if (document.documentElement && document.documentElement.scrollWidth) {
Geometry.getDocumentWidth =
function() { return document.documentElement.scrollWidth; };
Geometry.getDocumentHeight =
function() { return document.documentElement.scrollHeight; };
}
else if (document.body.scrollWidth) {
Geometry.getDocumentWidth =
function() { return document.body.scrollWidth; };
Geometry.getDocumentHeight =
function() { return document.body.scrollHeight; };
}
return( Geometry );
}
function toggleVisibility( elementId ) {
var element = document.getElementById( elementId );
if ( element != null ) {
var nextVisibility = element.style.display == "none" ? "block" : "none";
element.style.display = nextVisibility;
}
}
function toggleImage( imageId, image1, image2 ) {
var element = document.getElementById( imageId );
if ( element != null ) {
// current image is absolute, image1 and image2 are relative. Since
// image1 and image2 are starting with '..' we cut the first two
// characters
var currentImage = element.src;
var suffix = image1.substring( 2, image1.length );
var nextImage = currentImage.indexOf(suffix) >= 0 ? image2 : image1;
element.src = nextImage;
}
}
function setVisibility( elementId, newValue ) {
var element = document.getElementById( elementId );
if ( element != null ) {
element.style.display = newValue;
}
}
function disableSubmitButtons() {
var inputElements = document.getElementsByTagName("input");
for( var i = 0; i < inputElements.length; i++ ) {
var current = inputElements[i];
if ( current.type == "submit" ) {
//alert( "Will disable " + current.name );
current.disabled = true;
document.body.style.cursor = "wait";
current.style.cursor = "wait";
}
}
}
function truncateToMaxLength( toTruncate, maxLength ) {
var toReturn = toTruncate;
if ( toTruncate.length > maxLength && maxLength >= 3 ) {
toReturn = toTruncate.substr( 0, maxLength-3 ) + "...";
}
return( toReturn );
}
function getTextBelowNode( referenceNode ) {
var toReturn = "";
if ( referenceNode != null ) {
var children = referenceNode.childNodes;
var numberOfChildren = children.length;
for ( var index = 0; index < numberOfChildren; index++ ) {
var current = children[index];
// better would be Node.TEXT_NODE but the node constants are not supported by - guess - IE
if ( current.nodeType == 3 ) {
toReturn += current.data;
}
}
}
return( toReturn );
}
function addStarIfNeeded( inputElement, inputString ) {
var toReturn = inputString;
if ( inputString.length > 0 ) {
if ( inputString.charAt(inputString.length-1) != '*' ) {
toReturn += '*';
}
}
return( toReturn );
}
function acceptApertureProposal( destinationId, sourceId ) {
document.getElementById(destinationId).value += getTextBelowNode( document.getElementById(sourceId) );
}