/*
Copyright (c) 2004-2006, The Dojo Foundation
All Rights Reserved.
Licensed under the Academic Free License version 2.1 or above OR the
modified BSD license. For more information on Dojo licensing, see:
http://dojotoolkit.org/community/licensing.shtml
*/
dojo.require("dojo.html");
dojo.provide("dojo.html.extras");
dojo.require("dojo.string.extras");
/**
* Calculates the mouse's direction of gravity relative to the centre
* of the given node.
*
* If you wanted to insert a node into a DOM tree based on the mouse
* position you might use the following code:
*
* if (gravity(node, e) & gravity.NORTH) { [insert before]; }
* else { [insert after]; }
*
*
* @param node The node
* @param e The event containing the mouse coordinates
* @return The directions, NORTH or SOUTH and EAST or WEST. These
* are properties of the function.
*/
dojo.html.gravity = function(node, e){
node = dojo.byId(node);
var mouse = dojo.html.getCursorPosition(e);
with (dojo.html) {
var nodecenterx = getAbsoluteX(node, true) + (getInnerWidth(node) / 2);
var nodecentery = getAbsoluteY(node, true) + (getInnerHeight(node) / 2);
}
with (dojo.html.gravity) {
return ((mouse.x < nodecenterx ? WEST : EAST) |
(mouse.y < nodecentery ? NORTH : SOUTH));
}
}
dojo.html.gravity.NORTH = 1;
dojo.html.gravity.SOUTH = 1 << 1;
dojo.html.gravity.EAST = 1 << 2;
dojo.html.gravity.WEST = 1 << 3;
/**
* Attempts to return the text as it would be rendered, with the line breaks
* sorted out nicely. Unfinished.
*/
dojo.html.renderedTextContent = function(node){
node = dojo.byId(node);
var result = "";
if (node == null) { return result; }
for (var i = 0; i < node.childNodes.length; i++) {
switch (node.childNodes[i].nodeType) {
case 1: // ELEMENT_NODE
case 5: // ENTITY_REFERENCE_NODE
var display = "unknown";
try {
display = dojo.style.getStyle(node.childNodes[i], "display");
} catch(E) {}
switch (display) {
case "block": case "list-item": case "run-in":
case "table": case "table-row-group": case "table-header-group":
case "table-footer-group": case "table-row": case "table-column-group":
case "table-column": case "table-cell": case "table-caption":
// TODO: this shouldn't insert double spaces on aligning blocks
result += "\n";
result += dojo.html.renderedTextContent(node.childNodes[i]);
result += "\n";
break;
case "none": break;
default:
if(node.childNodes[i].tagName && node.childNodes[i].tagName.toLowerCase() == "br") {
result += "\n";
} else {
result += dojo.html.renderedTextContent(node.childNodes[i]);
}
break;
}
break;
case 3: // TEXT_NODE
case 2: // ATTRIBUTE_NODE
case 4: // CDATA_SECTION_NODE
var text = node.childNodes[i].nodeValue;
var textTransform = "unknown";
try {
textTransform = dojo.style.getStyle(node, "text-transform");
} catch(E) {}
switch (textTransform){
case "capitalize": text = dojo.string.capitalize(text); break;
case "uppercase": text = text.toUpperCase(); break;
case "lowercase": text = text.toLowerCase(); break;
default: break; // leave as is
}
// TODO: implement
switch (textTransform){
case "nowrap": break;
case "pre-wrap": break;
case "pre-line": break;
case "pre": break; // leave as is
default:
// remove whitespace and collapse first space
text = text.replace(/\s+/, " ");
if (/\s$/.test(result)) { text.replace(/^\s/, ""); }
break;
}
result += text;
break;
default:
break;
}
}
return result;
}
dojo.html.createNodesFromText = function(txt, trim){
if(trim) { txt = dojo.string.trim(txt); }
var tn = document.createElement("div");
// tn.style.display = "none";
tn.style.visibility= "hidden";
document.body.appendChild(tn);
var tableType = "none";
if((/^]/i).test(dojo.string.trimStart(txt))) {
txt = "";
tableType = "cell";
} else if((/^]/i).test(dojo.string.trimStart(txt))) {
txt = "";
tableType = "row";
} else if((/^<(thead|tbody|tfoot)[\s\r\n>]/i).test(dojo.string.trimStart(txt))) {
txt = "";
tableType = "section";
}
tn.innerHTML = txt;
if(tn["normalize"]){
tn.normalize();
}
var parent = null;
switch(tableType) {
case "cell":
parent = tn.getElementsByTagName("tr")[0];
break;
case "row":
parent = tn.getElementsByTagName("tbody")[0];
break;
case "section":
parent = tn.getElementsByTagName("table")[0];
break;
default:
parent = tn;
break;
}
/* this doesn't make much sense, I'm assuming it just meant trim() so wrap was replaced with trim
if(wrap){
var ret = [];
// start hack
var fc = tn.firstChild;
ret[0] = ((fc.nodeValue == " ")||(fc.nodeValue == "\t")) ? fc.nextSibling : fc;
// end hack
// tn.style.display = "none";
document.body.removeChild(tn);
return ret;
}
*/
var nodes = [];
for(var x=0; x view.w) {
x = view.w - w;
} else {
x = desiredX;
}
x = Math.max(padding[0], x) + scroll.x;
var y = desiredY + h;
if(y > view.h) {
y = view.h - h;
} else {
y = desiredY;
}
y = Math.max(padding[1], y) + scroll.y;
node.style.left = x + "px";
node.style.top = y + "px";
var ret = [x, y];
ret.x = x;
ret.y = y;
return ret;
}
/**
* Like placeOnScreenPoint except that it attempts to keep one of the node's
* corners at desiredX, desiredY. Favors the bottom right position
*
* Examples placing node at mouse position (where e = [Mouse event]):
* placeOnScreenPoint(node, e.clientX, e.clientY);
*/
dojo.html.placeOnScreenPoint = function(node, desiredX, desiredY, padding, hasScroll) {
if(dojo.lang.isArray(desiredX)) {
hasScroll = padding;
padding = desiredY;
desiredY = desiredX[1];
desiredX = desiredX[0];
}
if(!isNaN(padding)) {
padding = [Number(padding), Number(padding)];
} else if(!dojo.lang.isArray(padding)) {
padding = [0, 0];
}
var scroll = dojo.html.getScrollOffset();
var view = dojo.html.getViewportSize();
node = dojo.byId(node);
var oldDisplay = node.style.display;
node.style.display="";
var w = dojo.style.getInnerWidth(node);
var h = dojo.style.getInnerHeight(node);
node.style.display=oldDisplay;
if(hasScroll) {
desiredX -= scroll.x;
desiredY -= scroll.y;
}
var x = -1, y = -1;
//dojo.debug((desiredX+padding[0]) + w, "<=", view.w, "&&", (desiredY+padding[1]) + h, "<=", view.h);
if((desiredX+padding[0]) + w <= view.w && (desiredY+padding[1]) + h <= view.h) { // TL
x = (desiredX+padding[0]);
y = (desiredY+padding[1]);
//dojo.debug("TL", x, y);
}
//dojo.debug((desiredX-padding[0]), "<=", view.w, "&&", (desiredY+padding[1]) + h, "<=", view.h);
if((x < 0 || y < 0) && (desiredX-padding[0]) <= view.w && (desiredY+padding[1]) + h <= view.h) { // TR
x = (desiredX-padding[0]) - w;
y = (desiredY+padding[1]);
//dojo.debug("TR", x, y);
}
//dojo.debug((desiredX+padding[0]) + w, "<=", view.w, "&&", (desiredY-padding[1]), "<=", view.h);
if((x < 0 || y < 0) && (desiredX+padding[0]) + w <= view.w && (desiredY-padding[1]) <= view.h) { // BL
x = (desiredX+padding[0]);
y = (desiredY-padding[1]) - h;
//dojo.debug("BL", x, y);
}
//dojo.debug((desiredX-padding[0]), "<=", view.w, "&&", (desiredY-padding[1]), "<=", view.h);
if((x < 0 || y < 0) && (desiredX-padding[0]) <= view.w && (desiredY-padding[1]) <= view.h) { // BR
x = (desiredX-padding[0]) - w;
y = (desiredY-padding[1]) - h;
//dojo.debug("BR", x, y);
}
if(x < 0 || y < 0 || (x + w > view.w) || (y + h > view.h)) {
return dojo.html.placeOnScreen(node, desiredX, desiredY, padding, hasScroll);
}
x += scroll.x;
y += scroll.y;
node.style.left = x + "px";
node.style.top = y + "px";
var ret = [x, y];
ret.x = x;
ret.y = y;
return ret;
}
/**
* For IE z-index schenanigans
* Two possible uses:
* 1. new dojo.html.BackgroundIframe(node)
* Makes a background iframe as a child of node, that fills area (and position) of node
*
* 2. new dojo.html.BackgroundIframe()
* Attaches frame to document.body. User must call size() to set size.
*/
dojo.html.BackgroundIframe = function(node) {
if(dojo.render.html.ie55 || dojo.render.html.ie60) {
var html=
"