// $Id: drupal.js,v 1.22.2.1 2006/05/29 14:23:32 killes Exp $
/**
* 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 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.
*
* Note that dynamic arguments in the URI should be escaped with encodeURIComponent().
*/
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 xmlHttp;
}
else {
return xmlHttp.responseText;
}
}
/**
* Creates an HTTP POST request and sends the response to the callback function
*
* Note: passing null or undefined for 'object' makes the request fail in Opera 8.
* Pass an empty string instead.
*/
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 + '=' + encodeURIComponent(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 xmlHttp;
}
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) {
// (Re)create an iframe to target.
createIframe();
// Trap the button
button.onmouseover = 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 () {
var iframe = $('redirect-target');
// Restore form submission
button.form.action = action;
button.form.target = target;
// Get response from iframe body
try {
response = (iframe.contentWindow || iframe.contentDocument || iframe).document.body.innerHTML;
// Firefox 1.0.x hack: Remove (corrupted) control characters
response = response.replace(/[\f\n\r\t]/g, ' ');
if (window.opera) {
// Opera-hack: it returns innerHTML sanitized.
response = response.replace(/"/g, '"');
}
}
catch (e) {
response = null;
}
$('redirect-target').onload = null;
$('redirect-target').src = 'about:blank';
response = parseJson(response);
// Check response code
if (response.status == 0) {
handler.onerror(response.data);
return;
}
handler.oncomplete(response.data);
}
return true;
}
}
button.onmouseout = 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;
};
function dimensions(el) {
return { width: el.offsetWidth, height: el.offsetHeight };
}
/**
* 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;
}
// Replaces words surrounded with whitespace or at a string border with a space. Prevents multiple class names from being glued together.
node.className = eregReplace('(^|\\s+)'+ className +'($|\\s+)', ' ', 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;
}
}
/**
* Prevents an event from propagating.
*/
function stopEvent(event) {
if (event.preventDefault) {
event.preventDefault();
event.stopPropagation();
}
else {
event.returnValue = false;
event.cancelBubble = true;
}
}
/**
* Parse a JSON response.
*
* The result is either the JSON object, or an object with 'status' 0 and 'data' an error message.
*/
function parseJson(data) {
if (data.substring(0,1) != '{') {
return { status: 0, data: data.length ? data : 'Unspecified error' };
}
return eval('(' + data + ');');
}
/**
* Create an invisible iframe for form submissions.
*/
function createIframe() {
// Delete any previous iframe
deleteIframe();
// Note: some browsers require the literal name/id attributes on the tag,
// some want them set through JS. We do both.
window.iframeHandler = function () {};
var div = document.createElement('div');
div.id = 'redirect-holder';
div.innerHTML = '';
var iframe = div.firstChild;
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(div);
}
/**
* Delete the invisible iframe for form submissions.
*/
function deleteIframe() {
var holder = $('redirect-holder');
if (holder != null) {
removeNode(holder);
}
}
/**
* Wrapper around document.getElementById().
*/
function $(id) {
return document.getElementById(id);
}
var currentMode;
function onChangeBrowseBy() {
var formObj = frames['img_assist_header'].document.forms[0];
browse = formObj['edit[browse]'].value;
frames['img_assist_main'].window.location.href = BASE_URL + 'index.php?q=img_assist/thumbs/' + browse;
}
function onClickUpload() {
frames['img_assist_main'].window.location.href = BASE_URL + 'index.php?q=img_assist/upload';
}
function onClickStartOver() {
frames['img_assist_main'].window.location.href = BASE_URL + 'index.php?q=img_assist/thumbs/myimages';
}
function updateCaption() {
var caption = frames['img_assist_main'].document.getElementById("caption");
var title = frames['img_assist_main'].document.img_assist['edit[title]'].value;
var desc = frames['img_assist_main'].document.img_assist['edit[desc]'].value;
if (desc != '') {
title = title + ': ';
}
caption.innerHTML = '' + title + '' + desc;
}
function onChangeHeight() {
var formObj = frames['img_assist_main'].document.forms[0];
var aspect = formObj['edit[aspect]'].value;
var height = formObj['edit[height]'].value;
formObj['edit[width]'].value = Math.round(height * aspect);
}
function onChangeWidth() {
var formObj = frames['img_assist_main'].document.forms[0];
var aspect = formObj['edit[aspect]'].value;
var width = formObj['edit[width]'].value;
formObj['edit[height]'].value = Math.round(width / aspect);
}
function onChangeLink() {
var formObj = frames['img_assist_main'].document.forms[0];
if (formObj['edit[link_options_visible]'].value == 1) {
if (formObj['edit[link]'].value == 'url') {
showElement('edit-url', 'inline');
} else {
hideElement('edit-url');
}
}
}
function onChangeSizeLabel() {
var formObj = frames['img_assist_main'].document.forms[0];
if (formObj['edit[size_label]'].value == 'other') {
showElement('size-other', 'inline');
} else {
hideElement('size-other');
//showElement('size-other', 'inline'); // uncomment for testing
// get the new width and height
var size = formObj['edit[size_label]'].value.split('x');
// this array is probably a bounding box size, not an actual image
// size, so now we use the known aspect ratio to find the actual size
var aspect = formObj['edit[aspect]'].value;
var width = size[0];
var height = size[1];
if (Math.round(width / aspect) <= height) { // width is controlling factor
height = Math.round(width / aspect);
} else { // height is controlling factor
width = Math.round(height * aspect);
}
// fill the hidden width and height textboxes with these values
formObj['edit[width]'].value = width;
formObj['edit[height]'].value = height;
}
}
function setHeader(mode) {
if (currentMode != mode) {
frames['img_assist_header'].window.location.href = BASE_URL + 'index.php?q=img_assist/header/' + mode;
}
currentMode = mode;
}
function showElement(id, format) {
var docObj = frames['img_assist_main'].document;
format = (format) ? format : 'block';
if (docObj.layers) {
docObj.layers[id].display = format;
} else if (docObj.all) {
docObj.all[id].style.display = format;
} else if (docObj.getElementById) {
docObj.getElementById(id).style.display = format;
}
}
function hideElement(id) {
var docObj = frames['img_assist_main'].document;
if (docObj.layers) {
docObj.layers[id].display = 'none';
} else if (docObj.all) {
docObj.all[id].style.display = 'none';
} else if (docObj.getElementById) {
docObj.getElementById(id).style.display = 'none';
}
}
function launch_popup(nid, mw, mh) {
var ox = mw;
var oy = mh;
if((ox>=screen.width) || (oy>=screen.height)){
var ox = screen.width-150;
var oy = screen.height-150;
var winx = (screen.width / 2)-(ox / 2);
var winy = (screen.height / 2)-(oy / 2);
var use_scrollbars = 1;
}
else{
var winx = (screen.width / 2)-(ox / 2);
var winy = (screen.height / 2)-(oy / 2);
var use_scrollbars = 0;
}
var win = window.open(BASE_URL + 'index.php?q=img_assist/popup/' + nid, 'imagev', 'height='+oy+'-10,width='+ox+',top='+winy+',left='+winx+',scrollbars='+use_scrollbars+',resizable');
}
function insertImage() {
if (window.opener) {
// Get variables from the fields on the properties frame
var formObj = frames['img_assist_main'].document.forms[0];
// Get mode (see img_assist.module for detailed comments)
if (formObj['edit[insertmode]'].value == 'html') { // return so the page can submit normally and generate the HTML code
return true;
} else if (formObj['edit[insertmode]'].value == 'html2') { // HTML step 2 (processed code, ready to be inserted)
var content = getHTML(formObj);
} else {
var content = getFilterTag(formObj);
}
insertToEditor(content);
return false;
} else {
alert('The image cannot be inserted because the parent window cannot be found.');
return false;
}
}
function getHTML(formObj) {
var html = frames['img_assist_main'].document.getElementById("finalhtmlcode").innerHTML;
return html;
}