--- ECHO_content/js/hl_lib.js 2004/05/07 16:27:33 1.1.1.1 +++ ECHO_content/js/hl_lib.js 2005/06/13 10:35:04 1.8 @@ -14,29 +14,31 @@ You should have received a copy of the G along with this program; if not, write to the Free Software Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA -Authors: ROC 6.5.2004 +Authors: ROC 10.6.2005 */ +var hllibVersion = "1.0.2"; var hlAreas = new Object(); var hlTrafos = new Object(); // Area class -function Area(id, target_id, a_x, a_y, a_w, a_h, type) { +function Area(id, target_id, a_x, a_y, a_w, a_h, type, perm) { this.id = id; this.target_id = target_id; this.rect = new Rectangle(a_x, a_y, a_w, a_h); this.type = type; + this.permanent = (perm.toLowerCase() == 'true'); this.pxarea = 0; return this; } -function addArea(id, target_id, a_x, a_y, a_w, a_h, type) { - hlAreas[id] = new Area(id, target_id, a_x, a_y, a_w, a_h, type); +function addArea(id, target_id, a_x, a_y, a_w, a_h, type, perm) { + hlAreas[id] = new Area(id, target_id, a_x, a_y, a_w, a_h, type, perm); } -function parseTrafo(target_id) { +function parseTrafo(target) { // returns Transform for given target picsize - var picsize = getElementSize(target_id); + var picsize = getElementRect(target); var trafo = new Transform(); // subtract area offset and size //trafo.concat(getTranslation(new Position(-dlArea.x, -dlArea.y))); @@ -57,11 +59,37 @@ function placeAreas() { var rect = trafo.transform(area.rect); area.pxarea = rect.getArea(); maxsize = Math.max(maxsize, area.pxarea); - if (area.type == "area") { - moveElement("i."+area.id, rect); + var img = getElement("i."+area.id); + if (area.type == "arrow") { + var pos = rect.getPosition(); + var isize = getElementSize(img); + pos.x += rect.width * 0.5 - isize.width * 0.5; + pos.y += rect.height * 0.5 - isize.height * 0.5; + moveElement(img, pos); + if (img.layers) { + // N4: grow layer for border + img.resizeBy(2,2); + } + } else if (area.type == "text") { + var txt = getElement("t."+area.id); + if (img.layers) { + // for N4 we size a transparent image as the area + var li = img.document.images[0]; + li.width = rect.width; + li.height = rect.height; + } + moveElement(img, rect); + moveElement(txt, rect); } else { - moveElement("i."+area.id, rect.getPosition()); + if (img.layers) { + // for N4 we size a transparent image as the area + var li = img.document.images[0]; + li.width = rect.width; + li.height = rect.height; + } + moveElement(img, rect); } + highlightMark(area.id, area.permanent); } } // add z-index (largest value for smallest area) @@ -69,35 +97,128 @@ function placeAreas() { area = hlAreas[a]; var elem = getElement("i."+area.id); if (elem.style) { - elem.style.zIndex = Math.round(maxsize - area.pxarea); + elem.style.zIndex = getInt(maxsize - area.pxarea); + } else if (elem.layers) { + elem.zIndex = getInt(maxsize - area.pxarea); } } } -function highlightPair(id, highlight) { - // hightlights or unhighlights the link and image of id +function highlightLink(id, highlight) { + // hightlights or unhighlights the link of id + var link = getElement("a."+id); + if (highlight) { + // highlight + if (link.style) { + link.style.backgroundColor = "#f08080"; + } else if (link.layers) { + link.bgColor = "#f08080"; + } + } else { + // unhighlight + if (link.style) { + link.style.backgroundColor = ""; + } else if (link.layers) { + link.bgColor = null; + } + } +} + +function highlightMark(id, highlight) { + // hightlights or unhighlights the area/img of id var area = hlAreas[id]; var img = getElement("i."+id); - var link = getElement("a."+id); if (highlight) { - link.style.backgroundColor = "#f08080"; + // highlight if (area.type == "arrow") { - img.style.borderStyle = "solid"; + if (img.style) { + img.style.borderStyle = "solid"; + } else if (img.layers) { + img.bgColor = "#0000ff"; + } + } else if (area.type == "text") { + if (img.style) { + img.style.background = "url(area_img)"; + } else if (img.layers) { + img.background.src = "area_img"; + } + var txt = getElement("t."+id); + if (txt.style) { + txt.style.visibility = "visible"; + } } else if (area.type == "area") { - img.style.background = "url(area_img)"; + if (img.style) { + img.style.background = "url(area_img)"; + } else if (img.layers) { + img.background.src = "area_img"; + } } } else { - link.style.backgroundColor = ""; + // unhighlight if (area.type == "arrow") { - img.style.borderStyle = "none"; + if (img.style) { + img.style.borderStyle = "none"; + } else if (img.layers) { + img.bgColor = null; + } + } else if (area.type == "text") { + var txt = getElement("t."+id); + if (img.style) { + img.style.background = "url(trans_img)"; + } else if (img.layers) { + img.background.src = null; + } + if (txt.style) { + txt.style.visibility = "hidden"; + } } else if (area.type == "area") { - img.style.background = "none"; + if (img.style) { + img.style.background = "url(trans_img)"; + } else if (img.layers) { + img.background.src = null; + } } } } +function highlightPair(id, highlight) { + // hightlights or unhighlights the link and image of id + //alert("highlightpair: "+id+" "+highlight); + var area = hlAreas[id]; + highlightLink(id, highlight); + if (!area.permanent) { + highlightMark(id, highlight); + } +} + function init() { - hlTrafos["overview"] = parseTrafo("overview"); + map_init(); +} + +var elemScaler; +var dlTrafo; + +function map_init() { + // initialise baselib + base_init(); + //alert("huhu4!"); + elemScaler = getElement("overview"); + dlTrafo = parseTrafo(elemScaler); + hlTrafos["overview"] = dlTrafo; placeAreas(); return null; +} + +function showcoordsN4() { + var s = ""; + for (var l in document.layers) { + if (l == "length") continue; + e = document.layers[l]; + if (e) { + s += " [" + e.name + "]: pageX:" + e.pageX + " pageY:" + e.pageY + " width:" + e.clip.width + " height:" + e.clip.height + " visibility:" + e.visibility + " zindex:" + e.zIndex + "
\n"; + } else { + s += " {" + l + "}
\n"; + } + } + return s; } \ No newline at end of file