281 lines
6.2 KiB
JavaScript
281 lines
6.2 KiB
JavaScript
// $Id$
|
|
|
|
/**
|
|
* Only enable Javascript functionality if all required features are supported.
|
|
*/
|
|
function isJsEnabled() {
|
|
if (typeof document.jsEnabled == 'undefined') {
|
|
// Note: ! casts to boolean implicitly.
|
|
document.jsEnabled = !(
|
|
!document.getElementsByTagName ||
|
|
!document.createElement ||
|
|
!document.createTextNode ||
|
|
!document.documentElement ||
|
|
!document.getElementById);
|
|
}
|
|
return document.jsEnabled;
|
|
}
|
|
|
|
// Global Killswitch on the <html> element
|
|
if (isJsEnabled()) {
|
|
document.documentElement.className = 'js';
|
|
}
|
|
|
|
/**
|
|
* Make IE's XMLHTTP object accessible through XMLHttpRequest()
|
|
*/
|
|
if (typeof XMLHttpRequest == 'undefined') {
|
|
XMLHttpRequest = function () {
|
|
var msxmls = ['MSXML3', 'MSXML2', 'Microsoft']
|
|
for (var i=0; i < msxmls.length; i++) {
|
|
try {
|
|
return new ActiveXObject(msxmls[i]+'.XMLHTTP')
|
|
}
|
|
catch (e) { }
|
|
}
|
|
throw new Error("No XML component installed!");
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Creates an HTTP GET request and sends the response to the callback function
|
|
*/
|
|
function HTTPGet(uri, callbackFunction, callbackParameter) {
|
|
var xmlHttp = new XMLHttpRequest();
|
|
var bAsync = true;
|
|
if (!callbackFunction) {
|
|
bAsync = false;
|
|
}
|
|
xmlHttp.open('GET', uri, bAsync);
|
|
xmlHttp.send(null);
|
|
|
|
if (bAsync) {
|
|
if (callbackFunction) {
|
|
xmlHttp.onreadystatechange = function() {
|
|
if (xmlHttp.readyState == 4) {
|
|
callbackFunction(xmlHttp.responseText, xmlHttp, callbackParameter);
|
|
}
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
else {
|
|
return xmlHttp.responseText;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Creates an HTTP POST request and sends the response to the callback function
|
|
*/
|
|
function HTTPPost(uri, callbackFunction, callbackParameter, object) {
|
|
var xmlHttp = new XMLHttpRequest();
|
|
var bAsync = true;
|
|
if (!callbackFunction) {
|
|
bAsync = false;
|
|
}
|
|
xmlHttp.open('POST', uri, bAsync);
|
|
|
|
var toSend = '';
|
|
if (typeof object == 'object') {
|
|
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
|
|
for (var i in object)
|
|
toSend += (toSend ? '&' : '') + i + '=' + escape(object[i]);
|
|
}
|
|
else {
|
|
toSend = object;
|
|
}
|
|
xmlHttp.send(toSend);
|
|
|
|
if (bAsync) {
|
|
if (callbackFunction) {
|
|
xmlHttp.onreadystatechange = function() {
|
|
if (xmlHttp.readyState == 4) {
|
|
callbackFunction(xmlHttp.responseText, xmlHttp, callbackParameter);
|
|
}
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
else {
|
|
return xmlHttp.responseText;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Redirects a button's form submission to a hidden iframe and displays the result
|
|
* in a given wrapper. The iframe should contain a call to
|
|
* window.parent.iframeHandler() after submission.
|
|
*/
|
|
function redirectFormButton(uri, button, handler) {
|
|
// Insert the iframe
|
|
var iframe = document.createElement('iframe');
|
|
with (iframe) {
|
|
name = 'redirect-target';
|
|
setAttribute('name', 'redirect-target');
|
|
id = 'redirect-target';
|
|
}
|
|
with (iframe.style) {
|
|
position = 'absolute';
|
|
height = '1px';
|
|
width = '1px';
|
|
visibility = 'hidden';
|
|
}
|
|
document.body.appendChild(iframe);
|
|
|
|
// Trap the button
|
|
button.onfocus = function() {
|
|
button.onclick = function() {
|
|
// Prepare variables for use in anonymous function.
|
|
var button = this;
|
|
var action = button.form.action;
|
|
var target = button.form.target;
|
|
|
|
// Redirect form submission
|
|
this.form.action = uri;
|
|
this.form.target = 'redirect-target';
|
|
|
|
handler.onsubmit();
|
|
|
|
// Set iframe handler for later
|
|
window.iframeHandler = function (data) {
|
|
// Restore form submission
|
|
button.form.action = action;
|
|
button.form.target = target;
|
|
handler.oncomplete(data);
|
|
}
|
|
|
|
return true;
|
|
}
|
|
}
|
|
button.onblur = function() {
|
|
button.onclick = null;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Adds a function to the window onload event
|
|
*/
|
|
function addLoadEvent(func) {
|
|
var oldOnload = window.onload;
|
|
if (typeof window.onload != 'function') {
|
|
window.onload = func;
|
|
}
|
|
else {
|
|
window.onload = function() {
|
|
oldOnload();
|
|
func();
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Adds a function to a given form's submit event
|
|
*/
|
|
function addSubmitEvent(form, func) {
|
|
var oldSubmit = form.onsubmit;
|
|
if (typeof oldSubmit != 'function') {
|
|
form.onsubmit = func;
|
|
}
|
|
else {
|
|
form.onsubmit = function() {
|
|
return oldSubmit() && func();
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Retrieves the absolute position of an element on the screen
|
|
*/
|
|
function absolutePosition(el) {
|
|
var sLeft = 0, sTop = 0;
|
|
var isDiv = /^div$/i.test(el.tagName);
|
|
if (isDiv && el.scrollLeft) {
|
|
sLeft = el.scrollLeft;
|
|
}
|
|
if (isDiv && el.scrollTop) {
|
|
sTop = el.scrollTop;
|
|
}
|
|
var r = { x: el.offsetLeft - sLeft, y: el.offsetTop - sTop };
|
|
if (el.offsetParent) {
|
|
var tmp = absolutePosition(el.offsetParent);
|
|
r.x += tmp.x;
|
|
r.y += tmp.y;
|
|
}
|
|
return r;
|
|
};
|
|
|
|
/**
|
|
* Returns true if an element has a specified class name
|
|
*/
|
|
function hasClass(node, className) {
|
|
if (node.className == className) {
|
|
return true;
|
|
}
|
|
var reg = new RegExp('(^| )'+ className +'($| )')
|
|
if (reg.test(node.className)) {
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* Adds a class name to an element
|
|
*/
|
|
function addClass(node, className) {
|
|
if (hasClass(node, className)) {
|
|
return false;
|
|
}
|
|
node.className += ' '+ className;
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Removes a class name from an element
|
|
*/
|
|
function removeClass(node, className) {
|
|
if (!hasClass(node, className)) {
|
|
return false;
|
|
}
|
|
node.className = eregReplace('(^| )'+ className +'($| )', '', node.className);
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Toggles a class name on or off for an element
|
|
*/
|
|
function toggleClass(node, className) {
|
|
if (!removeClass(node, className) && !addClass(node, className)) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Emulate PHP's ereg_replace function in javascript
|
|
*/
|
|
function eregReplace(search, replace, subject) {
|
|
return subject.replace(new RegExp(search,'g'), replace);
|
|
}
|
|
|
|
/**
|
|
* Removes an element from the page
|
|
*/
|
|
function removeNode(node) {
|
|
if (typeof node == 'string') {
|
|
node = $(node);
|
|
}
|
|
if (node && node.parentNode) {
|
|
return node.parentNode.removeChild(node);
|
|
}
|
|
else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Wrapper around document.getElementById().
|
|
*/
|
|
function $(id) {
|
|
return document.getElementById(id);
|
|
}
|