";
for(var language in yellow.config.serverLanguages)
{
var checked = language==this.getRequest("language") ? " checked=\"checked\"" : "";
languages += " ";
}
languages += "
";
}
return languages;
},
// Return request string
getRequest: function(key, prefix)
{
if(!prefix) prefix = "request";
key = prefix + key.charAt(0).toUpperCase() + key.slice(1);
return (key in yellow.page) ? yellow.page[key] : "";
},
// Return text string
getText: function(key, prefix, postfix)
{
if(!prefix) prefix = "webinterface";
if(!postfix) postfix = ""
key = prefix + key.charAt(0).toUpperCase() + key.slice(1) + postfix.charAt(0).toUpperCase() + postfix.slice(1);
return (key in yellow.text) ? yellow.text[key] : "["+key+"]";
}
}
// Yellow toolbox with helpers
yellow.toolbox =
{
// Insert element before reference element
insertBefore: function(element, elementReference)
{
elementReference.parentNode.insertBefore(element, elementReference);
},
// Insert element after reference element
insertAfter: function(element, elementReference)
{
elementReference.parentNode.insertBefore(element, elementReference.nextSibling);
},
// Add element class
addClass: function(element, name)
{
var string = element.className + " " + name;
element.className = string.replace(/^\s+|\s+$/, "");
},
// Remove element class
removeClass: function(element, name)
{
var string = (" " + element.className + " ").replace(" " + name + " ", " ");
element.className = string.replace(/^\s+|\s+$/, "");
},
// Add attribute information
addValue: function(selector, name, value)
{
var element = document.querySelector(selector);
element.setAttribute(name, element.getAttribute(name) + value);
},
// Remove attribute information
removeValue: function(selector, name, value)
{
var element = document.querySelector(selector);
element.setAttribute(name, element.getAttribute(name).replace(value, ""));
},
// Add event handler
addEvent: function(element, type, handler)
{
if(element.addEventListener) element.addEventListener(type, handler, false);
else element.attachEvent('on'+type, handler);
},
// Remove event handler
removeEvent: function(element, type, handler)
{
if(element.removeEventListener) element.removeEventListener(type, handler, false);
else element.detachEvent('on'+type, handler);
},
// Return element of event
getEventElement: function(e)
{
e = e ? e : window.event;
return e.target ? e.target : e.srcElement;
},
// Return keycode of event
getEventKeycode: function(e)
{
e = e ? e : window.event;
return e.keyCode
},
// Return element length
getLength: function(element)
{
return Object.keys ? Object.keys(element).length : 0;
},
// Set element width/height in pixel, including padding and border
setOuterWidth: function(element, width, maxWidth)
{
width -= this.getBoxSize(element).width;
if(maxWidth)
{
element.style.maxWidth = Math.max(0, width) + "px";
} else {
element.style.width = Math.max(0, width) + "px";
}
},
setOuterHeight: function(element, height, maxHeight)
{
height -= this.getBoxSize(element).height;
if(maxHeight)
{
element.style.maxHeight = Math.max(0, height) + "px";
} else {
element.style.height = Math.max(0, height) + "px";
}
},
// Return element width/height in pixel, including padding and border
getOuterWidth: function(element, includeMargin)
{
var width = element.offsetWidth;
if(includeMargin) width += this.getMarginSize(element).width;
return width;
},
getOuterHeight: function(element, includeMargin)
{
var height = element.offsetHeight;
if(includeMargin) height += this.getMarginSize(element).height;
return height;
},
// Return element width/height in pixel
getWidth: function(element)
{
return element.offsetWidth - this.getBoxSize(element).width;
},
getHeight: function(element)
{
return element.offsetHeight - this.getBoxSize(element).height;
},
// Set element top/left position in pixel
setOuterTop: function(element, top, marginTop)
{
if(marginTop)
{
element.style.marginTop = Math.max(0, top) + "px";
} else {
element.style.top = Math.max(0, top) + "px";
}
},
setOuterLeft: function(element, left, marginLeft)
{
if(marginLeft)
{
element.style.marginLeft = Math.max(0, left) + "px";
} else {
element.style.left = Math.max(0, left) + "px";
}
},
// Return element top/left position in pixel
getOuterTop: function(element)
{
var top = element.getBoundingClientRect().top;
return top + (window.pageYOffset || document.documentElement.scrollTop);
},
getOuterLeft: function(element)
{
var left = element.getBoundingClientRect().left;
return left + (window.pageXOffset || document.documentElement.scrollLeft);
},
// Return window width/height in pixel
getWindowWidth: function()
{
return window.innerWidth || document.documentElement.clientWidth;
},
getWindowHeight: function()
{
return window.innerHeight || document.documentElement.clientHeight;
},
// Return element CSS property
getStyle: function(element, property)
{
var string = "";
if(window.getComputedStyle)
{
string = window.getComputedStyle(element, null).getPropertyValue(property);
} else {
property = property.replace(/\-(\w)/g, function(match, m) { return m.toUpperCase(); });
string = element.currentStyle[property];
}
return string;
},
// Return element CSS padding and border
getBoxSize: function(element)
{
var paddingLeft = parseFloat(this.getStyle(element, "padding-left")) || 0;
var paddingRight = parseFloat(this.getStyle(element, "padding-right")) || 0;
var borderLeft = parseFloat(this.getStyle(element, "border-left-width")) || 0;
var borderRight = parseFloat(this.getStyle(element, "border-right-width")) || 0;
var width = paddingLeft + paddingRight + borderLeft + borderRight;
var paddingTop = parseFloat(this.getStyle(element, "padding-top")) || 0;
var paddingBottom = parseFloat(this.getStyle(element, "padding-bottom")) || 0;
var borderTop = parseFloat(this.getStyle(element, "border-top-width")) || 0;
var borderBottom = parseFloat(this.getStyle(element, "border-bottom-width")) || 0;
var height = paddingTop + paddingBottom + borderTop + borderBottom;
return { "width":width, "height":height };
},
// Return element CSS margin
getMarginSize: function(element)
{
var marginLeft = parseFloat(this.getStyle(element, "margin-left")) || 0;
var marginRight = parseFloat(this.getStyle(element, "margin-right")) || 0;
var width = marginLeft + marginRight;
var marginTop = parseFloat(this.getStyle(element, "margin-top")) || 0;
var marginBottom = parseFloat(this.getStyle(element, "margin-bottom")) || 0;
var height = marginTop + marginBottom;
return { "width":width, "height":height };
},
// Set input cursor position
setCursorPosition: function(element, pos)
{
if(element.setSelectionRange)
{
element.focus();
element.setSelectionRange(pos, pos);
} else if(element.createTextRange) {
var range = element.createTextRange();
range.move('character', pos);
range.select();
}
},
// Get input cursor position
getCursorPosition: function(element)
{
var pos = 0;
if(element.setSelectionRange)
{
pos = element.selectionStart;
} else if(document.selection) {
var range = document.selection.createRange();
var rangeDuplicate = range.duplicate();
rangeDuplicate.moveToElementText(element);
rangeDuplicate.setEndPoint('EndToEnd', range);
pos = rangeDuplicate.text.length - range.text.length;
}
return pos;
},
// Check if element exists and is visible
isVisible: function(element)
{
return element && element.style.display != "none";
},
// Encode newline characters
encodeNewline: function(string)
{
return string
.replace(/[%]/g, "%25")
.replace(/[\r]/g, "%0d")
.replace(/[\n]/g, "%0a");
},
// Encode HTML special characters
encodeHtml: function(string)
{
return string
.replace(/&/g, "&")
.replace(//g, ">")
.replace(/"/g, """);
},
// Submit form with post method
submitForm: function(params, encodeNewline)
{
var elementForm = document.createElement("form");
elementForm.setAttribute("method", "post");
for(var key in params)
{
if(!params.hasOwnProperty(key)) continue;
var value = encodeNewline ? this.encodeNewline(params[key]) : params[key];
var elementInput = document.createElement("input");
elementInput.setAttribute("type", "hidden");
elementInput.setAttribute("name", key);
elementInput.setAttribute("value", value);
elementForm.appendChild(elementInput);
}
document.body.appendChild(elementForm);
elementForm.submit();
}
}
yellow.webinterface.intervalId = setInterval("yellow.onLoad()", 1);