/* ----- mergedJavascripts.js ----- */ /* Merged Plone Javascript file * This file is dynamically assembled from separate parts. * Some of these parts have 3rd party licenses or copyright information attached * Such information is valid for that section, * not for the entire composite file * originating files are separated by ----- filename.js ----- */ /* ----- register_function.js ----- */ /* Essential javascripts, used a lot. * These should be placed inline * We have to be certain they are loaded before anything that uses them */ // check for ie5 mac var bugRiddenCrashPronePieceOfJunk = ( navigator.userAgent.indexOf('MSIE 5') != -1 && navigator.userAgent.indexOf('Mac') != -1 ) // check for W3CDOM compatibility var W3CDOM = (!bugRiddenCrashPronePieceOfJunk && document.getElementsByTagName && document.createElement); // cross browser function for registering event handlers function registerEventListener(elem, event, func) { if (elem.addEventListener) { elem.addEventListener(event, func, false); return true; } else if (elem.attachEvent) { var result = elem.attachEvent("on"+event, func); return result; } // maybe we could implement something with an array return false; } // cross browser function for unregistering event handlers function unRegisterEventListener(elem, event, func) { if (elem.removeEventListener) { elem.removeEventListener(event, func, false); return true; } else if (elem.detachEvent) { var result = elem.detachEvent("on"+event, func); return result; } // maybe we could implement something with an array return false; } function registerPloneFunction(func) { // registers a function to fire onload. registerEventListener(window, "load", func); } function unRegisterPloneFunction(func) { // unregisters a function so it does not fire onload. unRegisterEventListener(window, "load", func); } function getContentArea() { // returns our content area element if (W3CDOM) { var node = document.getElementById('region-content'); if (!node) { node = document.getElementById('content'); } return node; } } /* ----- cssQuery.js ----- */ /* cssQuery, version 2.0.2 (2005-08-19) Copyright: 2004-2005, Dean Edwards (http://dean.edwards.name/) License: http://creativecommons.org/licenses/LGPL/2.1/ */ eval(function(p,a,c,k,e,d){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('7 x=6(){7 1D="2.0.2";7 C=/\\s*,\\s*/;7 x=6(s,A){33{7 m=[];7 u=1z.32.2c&&!A;7 b=(A)?(A.31==22)?A:[A]:[1g];7 1E=18(s).1l(C),i;9(i=0;i<1E.y;i++){s=1y(1E[i]);8(U&&s.Z(0,3).2b("")==" *#"){s=s.Z(2);A=24([],b,s[1])}1A A=b;7 j=0,t,f,a,c="";H(j+~]/;7 20=/[\\s#.:>+~()@]|[^\\s#.:>+~()@]+/g;6 1y(s){8(S.l(s))s=" "+s;5 s.P(20)||[]};7 W=/\\s*([\\s>+~(),]|^|$)\\s*/g;7 I=/([\\s>+~,]|[^(]\\+|^)([#.:@])/g;7 18=6(s){5 s.O(W,"$1").O(I,"$1*$2")};7 1u={1Z:6(){5"\'"},P:/^(\'[^\']*\')|("[^"]*")$/,l:6(s){5 o.P.l(s)},1S:6(s){5 o.l(s)?s:o+s+o},1Y:6(s){5 o.l(s)?s.Z(1,-1):s}};7 1s=6(t){5 1u.1Y(t)};7 E=/([\\/()[\\]?{}|*+-])/g;6 R(s){5 s.O(E,"\\\\$1")};x.15("1j-2H",6(){D[">"]=6(r,f,t,n){7 e,i,j;9(i=0;i=c);5(c%m)==s}});x.15("1j-2m",6(){U=1i("L;/*@2l@8(@\\2k)U=K@2j@*/");8(!U){X=6(e,t,n){5 n?e.2i("*",t):e.X(t)};14=6(e,n){5!n||(n=="*")||(e.2h==n)};1h=1g.1I?6(e){5/1J/i.l(Q(e).1I)}:6(e){5 Q(e).1H.1f!="2g"};1e=6(e){5 e.2f||e.1G||1b(e)};6 1b(e){7 t="",n,i;9(i=0;(n=e.1F[i]);i++){1d(n.1c){F 11:F 1:t+=1b(n);1a;F 3:t+=n.2e;1a}}5 t}}});19=K;5 x}();',62,190,'|||||return|function|var|if|for||||||||pseudoClasses||||test|||this||AttributeSelector|||||||cssQuery|length|push|fr|id||selectors||case|nextElementSibling|while||tests|true|false|thisElement||replace|match|getDocument|regEscape||attributeSelectors|isMSIE|cache||getElementsByTagName|isNaN|slice|child||new|getAttribute|compareNamespace|addModule|previousElementSibling|compareTagName|parseSelector|loaded|break|_0|nodeType|switch|getTextContent|tagName|document|isXML|eval|css|_1|split|ch|parentNode|childElements|nthChild|disabled|firstElementChild|getText|RegExp|Quote|x22|PREFIX|lang|_2|arguments|else|all|links|version|se|childNodes|innerText|documentElement|contentType|xml|parseInt|indeterminate|checked|last|nth|lastElementChild|parse|_3|add|href|String|className|create|NS_IE|remove|toString|ST|select|Array|null|_4|mimeType|lastChild|firstChild|continue|modules|delete|join|caching|error|nodeValue|textContent|HTML|prefix|getElementsByTagNameNS|end|x5fwin32|cc_on|standard||odd|even|enabled|hash|location|target|not|only|empty|root|contains|level3|outerHTML|htmlFor|class|toLowerCase|Function|name|first|level2|prototype|item|scopeName|toUpperCase|ownerDocument|Document|XML|Boolean|URL|unknown|typeof|nextSibling|previousSibling|visited|link|valueOf|clearCache|catch|concat|constructor|callee|try'.split('|'),0,{})) /* ----- plone_javascript_variables.js ----- */ // Global Plone variables that need to be accessible to the Javascripts var portal_url = 'http://lrnlab.edfac.usyd.edu.au'; var form_modified_message = 'Your form has not been saved. All changes you have made will be lost.'; var form_resubmit_message = 'Your already clicked the submit button. Do you really want to submit this form again?'; /* ----- nodeutilities.js ----- */ function wrapNode(node, wrappertype, wrapperclass){ /* utility function to wrap a node in an arbitrary element of type "wrappertype" * with a class of "wrapperclass" */ var wrapper = document.createElement(wrappertype) wrapper.className = wrapperclass; var innerNode = node.parentNode.replaceChild(wrapper,node); wrapper.appendChild(innerNode); }; function nodeContained(innernode, outernode){ // check if innernode is contained in outernode var node = innernode.parentNode; while (node != document) { if (node == outernode) { return true; } node=node.parentNode; } return false; }; function findContainer(node, func) { // Starting with the given node, find the nearest containing element // for which the given function returns true. while (node != null) { if (func(node)) { return node; } node = node.parentNode; } return false; }; function hasClassName(node, class_name) { return new RegExp('\\b'+class_name+'\\b').test(node.className); }; function addClassName(node, class_name) { if (!node.className) { node.className = class_name; } else if (!hasClassName(node, class_name)) { var className = node.className+" "+class_name; // cleanup node.className = className.split(/\s+/).join(' '); } }; function removeClassName(node, class_name) { var className = node.className; if (className) { // remove className = className.replace(new RegExp('\\b'+class_name+'\\b'), ''); // cleanup className = className.replace(/\s+/g, ' '); node.className = className.replace(/\s+$/g, ''); } }; function replaceClassName(node, old_class, new_class, ignore_missing) { if (ignore_missing && !hasClassName(node, old_class)) { addClassName(node, new_class); } else { var className = node.className; if (className) { // replace className = className.replace(new RegExp('\\b'+old_class+'\\b'), new_class); // cleanup className = className.replace(/\s+/g, ' '); node.className = className.replace(/\s+$/g, ''); } } }; function walkTextNodes(node, func, data) { // traverse childnodes and call func when a textnode is found if (!node){return false} if (node.hasChildNodes) { // we can't use for (i in childNodes) here, because the number of // childNodes might change (higlightsearchterms) for (var i=0;i | // +----------------------------------------------------------------------+ */ var liveSearchReq = false; var t = null; var liveSearchLast = ""; var queryTarget = "livesearch_reply?q="; var searchForm = null; var searchInput = null; var isIE = false; var _cache = new Object(); var widthOffset=1; function calculateWidth(){ } function getElementDimensions(elemID) { var base = document.getElementById(elemID); var offsetTrail = base; var offsetLeft = 0; var offsetTop = 0; var width = 0; while (offsetTrail) { offsetLeft += offsetTrail.offsetLeft; offsetTop += offsetTrail.offsetTop; offsetTrail = offsetTrail.offsetParent; } if (navigator.userAgent.indexOf("Mac") != -1 && typeof document.body.leftMargin != "undefined") { offsetLeft += document.body.leftMargin; offsetTop += document.body.topMargin; } if(!isIE){ width = searchInput.offsetWidth-widthOffset*2; } else { width = searchInput.offsetWidth; } return { left:offsetLeft, top:offsetTop, width: width, height: base.offsetHeight, bottom: offsetTop + base.offsetHeight, right : offsetLeft + width}; } function liveSearchInit() { searchInput = document.getElementById('searchGadget'); if (searchInput == null || searchInput == undefined) return // Only keypress catches repeats in moz/FF but keydown is needed for // khtml based browsers. if (navigator.userAgent.indexOf("KHTML") > 0) { searchInput.addEventListener("keydown",liveSearchKeyPress,false); searchInput.addEventListener("focus",liveSearchDoSearch,false); searchInput.addEventListener("keydown",liveSearchStart, false); searchInput.addEventListener("blur",liveSearchHideDelayed,false); } else if (searchInput.addEventListener) { searchInput.addEventListener("keypress",liveSearchKeyPress,false); searchInput.addEventListener("blur",liveSearchHideDelayed,false); searchInput.addEventListener("keypress",liveSearchStart, false); } else { searchInput.attachEvent("onkeydown",liveSearchKeyPress); searchInput.attachEvent("onkeydown",liveSearchStart); // searchInput.attachEvent("onblur",liveSearchHide); isIE = true; } // Why doesn't this work in konq, setting it inline does. searchInput.setAttribute("autocomplete","off"); var pos = getElementDimensions('searchGadget'); result = document.getElementById('LSResult'); pos.left = pos.left - result.offsetParent.offsetLeft + pos.width; result.style.display='none'; } function liveSearchHideDelayed() { window.setTimeout("liveSearchHide()",400); } function liveSearchHide() { document.getElementById("LSResult").style.display = "none"; var highlight = document.getElementById("LSHighlight"); if (highlight) { highlight.removeAttribute("id"); } } function getFirstHighlight() { var set = getHits(); return set[0]; } function getLastHighlight() { var set = getHits(); return set[set.length-1]; } function getHits() { var res = document.getElementById("LSShadow"); var set = res.getElementsByTagName('li'); return set } function findChild(object, specifier) { var cur = object.firstChild; try { while (cur != undefined) { cur = cur.nextSibling; if (specifier(cur) == true) return cur; } } catch(e) {}; return null; } function findNext(object, specifier) { var cur = object; try { while (cur != undefined) { cur = cur.nextSibling; if (cur.nodeType==3) cur=cur.nextSibling; if (cur != undefined) { if (specifier(cur) == true) return cur; } else { break } } } catch(e) {}; return null; } function findPrev(object, specifier) { var cur = object; try { cur = cur.previousSibling; if (cur.nodeType==3) cur=cur.previousSibling; if (cur!=undefined) { if (specifier(cur) == true) return cur; } } catch(e) {}; return null; } function liveSearchKeyPress(event) { if (event.keyCode == 40 ) //KEY DOWN { highlight = document.getElementById("LSHighlight"); if (!highlight) { highlight = getFirstHighlight(); } else { highlight.removeAttribute("id"); highlight = findNext(highlight, function (o) {return o.className =="LSRow";}); } if (highlight) { highlight.setAttribute("id","LSHighlight"); } if (!isIE) { event.preventDefault(); } } //KEY UP else if (event.keyCode == 38 ) { highlight = document.getElementById("LSHighlight"); if (!highlight) { highlight = getLastHighlight(); } else { highlight.removeAttribute("id"); highlight = findPrev(highlight, function (o) {return o.className=='LSRow';}); } if (highlight) { highlight.setAttribute("id","LSHighlight"); } if (!isIE) { event.preventDefault(); } } //ESC else if (event.keyCode == 27) { highlight = document.getElementById("LSHighlight"); if (highlight) { highlight.removeAttribute("id"); } document.getElementById("LSResult").style.display = "none"; } } function liveSearchStart(event) { if (t) { window.clearTimeout(t); } code = event.keyCode; if (code!=40 && code!=38 && code!=27 && code!=37 && code!=39) { t = window.setTimeout("liveSearchDoSearch()",200); } } function liveSearchDoSearch() { if (typeof liveSearchRoot == "undefined") { liveSearchRoot = ""; } if (typeof liveSearchRootSubDir == "undefined") { liveSearchRootSubDir = ""; } if (liveSearchLast != searchInput.value) { if (liveSearchReq && liveSearchReq.readyState < 4) { liveSearchReq.abort(); } if ( searchInput.value == "") { liveSearchHide(); return false; } // Do nothing as long as we have less then two characters - // the search results makes no sense, and it's harder on the server. if ( searchInput.value.length < 2) { liveSearchHide(); return false; } // Do we have cached results var result = _cache[searchInput.value]; if (result) { showResult(result); return; } liveSearchReq = new XMLHttpRequest(); liveSearchReq.onreadystatechange= liveSearchProcessReqChange; // need to use encodeURIComponent instead of encodeURI, to escape + liveSearchReq.open("GET", liveSearchRoot + queryTarget + encodeURIComponent(searchInput.value) ); liveSearchLast = searchInput.value; liveSearchReq.send(null); } } function showResult(result) { var res = document.getElementById("LSResult"); res.style.display = "block"; var sh = document.getElementById("LSShadow"); sh.innerHTML = result; } function liveSearchProcessReqChange() { if (liveSearchReq.readyState == 4) { if (liveSearchReq.status > 299 || liveSearchReq.status < 200 || liveSearchReq.responseText.length < 10) return; showResult(liveSearchReq.responseText); _cache[liveSearchLast] = liveSearchReq.responseText; } } function liveSearchSubmit() { var highlight = document.getElementById("LSHighlight"); if (highlight){ target = highlight.getElementsByTagName('a')[0]; window.location = liveSearchRoot + liveSearchRootSubDir + target; return false; } else { return true; } } if (window.addEventListener) window.addEventListener("load",liveSearchInit,false); else if (window.attachEvent) window.attachEvent("onload", liveSearchInit); /* ----- fullscreenmode.js ----- */ function toggleFullScreenMode() { var body = cssQuery('body')[0]; if(document.getElementById('icon-full_screen')) { var fsicon = document.getElementById('icon-full_screen'); } if (hasClassName(body, 'fullscreen')) { // unset cookie removeClassName(body, 'fullscreen'); createCookie('fullscreenMode', ''); if(fsicon) { fsicon.src = 'fullscreenexpand_icon.gif'; } } else { // set cookie addClassName(body, 'fullscreen'); createCookie('fullscreenMode', '1'); if(fsicon) { fsicon.src = 'fullscreencollapse_icon.gif'; } } }; function fullscreenModeLoad() { if(document.getElementById('icon-full_screen')) { var fsicon = document.getElementById('icon-full_screen'); } // based on cookie if (readCookie('fullscreenMode') == '1') { var body = cssQuery('body')[0]; addClassName(body, 'fullscreen'); if(fsicon) { fsicon.src = 'fullscreencollapse_icon.gif'; } } }; registerPloneFunction(fullscreenModeLoad) /* ----- select_all.js ----- */ // Functions for selecting all checkboxes in folder_contents/search_form view function selectAll(id, formName) { // Get the elements. if formName is provided, get the elements inside the form if (formName==null) { checkboxes = document.getElementsByName(id) for (i = 0; i < checkboxes.length; i++){ checkboxes[i].checked = true ; } } else { for (i=0; i *
* * A Title *
*
* *
* * * When the menu is toggled, then the dl with the class actionMenu will get an * additional class which switches between 'activated' and 'deactivated'. * You can use this to style it accordingly, for example: * * .actionMenu.activated { * display: block; * } * * .actionMenu.deactivated { * display: none; * } * * When you click somewhere else than the menu, then all open menus will be * deactivated. When you move your mouse over the a-tag of another menu, then * that one will be activated and all others deactivated. When you click on a * link inside the actionMenuContent element, then the menu will be closed and * the link followed. * * This file uses functions from register_function.js, cssQuery.js and * nodeutils.js. * */ function isActionMenu(node) { if (hasClassName(node, 'actionMenu')) { return true; } return false; }; function hideAllMenus() { var menus = cssQuery('dl.actionMenu'); for (var i=0; i < menus.length; i++) { replaceClassName(menus[i], 'activated', 'deactivated', true); } }; function toggleMenuHandler(event) { if (!event) var event = window.event; // IE compatibility // terminate if we hit a non-compliant DOM implementation // returning true, so the link is still followed if (!W3CDOM){return true;} var container = findContainer(this, isActionMenu); if (!container) { return true; } // check if the menu is visible if (hasClassName(container, 'activated')) { // it's visible - hide it replaceClassName(container, 'activated', 'deactivated', true); } else { // it's invisible - make it visible replaceClassName(container, 'deactivated', 'activated', true); } return false; }; function hideMenusHandler(event) { if (!event) var event = window.event; // IE compatibility hideAllMenus(); // we want to follow this link return true; }; function actionMenuDocumentMouseDown(event) { if (!event) var event = window.event; // IE compatibility if (event.target) targ = event.target; else if (event.srcElement) targ = event.srcElement; var container = findContainer(targ, isActionMenu); if (container) { // targ is part of the menu, so just return and do the default return true; } hideAllMenus(); return true; }; function actionMenuMouseOver(event) { if (!event) var event = window.event; // IE compatibility if (!this.tagName && (this.tagName == 'A' || this.tagName == 'a')) { return true; } var container = findContainer(this, isActionMenu); if (!container) { return true; } var menu_id = container.id; var switch_menu = false; // hide all menus var menus = cssQuery('dl.actionMenu'); for (var i=0; i < menus.length; i++) { var menu = menus[i] // check if the menu is visible if (hasClassName(menu, 'activated')) { switch_menu = true; } // turn off menu when it's not the current one if (menu.id != menu_id) { replaceClassName(menu, 'activated', 'deactivated', true); } } if (switch_menu) { var menu = cssQuery('#'+menu_id)[0]; if (menu) { replaceClassName(menu, 'deactivated', 'activated', true); } } return true; }; function initializeMenus() { // terminate if we hit a non-compliant DOM implementation if (!W3CDOM) {return false;} document.onmousedown = actionMenuDocumentMouseDown; hideAllMenus(); // add toggle function to header links var menu_headers = cssQuery('dl.actionMenu > dt.actionMenuHeader > a'); for (var i=0; i < menu_headers.length; i++) { var menu_header = menu_headers[i]; menu_header.onclick = toggleMenuHandler; menu_header.onmouseover = actionMenuMouseOver; } // add hide function to all links in the dropdown, so the dropdown closes // when any link is clicked var menu_contents = cssQuery('dl.actionMenu > dd.actionMenuContent'); for (var i=0; i < menu_contents.length; i++) { menu_contents[i].onclick = hideMenusHandler; } // uncomment to enable sorting of elements //var nodes = cssQuery('#objectMenu > dd.actionMenuContent li'); //sortNodes(nodes, getInnerTextFast); }; registerPloneFunction(initializeMenus); /* ----- mark_special_links.js ----- */ /* Scan all links in the document and set classes on them if * they point outside the site, or are special protocols * To disable this effect for links on a one-by-one-basis, * give them a class of 'link-plain' */ function scanforlinks() { // terminate if we hit a non-compliant DOM implementation if (!W3CDOM) { return false; } contentarea = getContentArea(); if (!contentarea) { return false; } links = contentarea.getElementsByTagName('a'); for (i=0; i < links.length; i++) { if ( (links[i].getAttribute('href')) && (links[i].className.indexOf('link-plain')==-1) ) { var linkval = links[i].getAttribute('href'); // check if the link href is a relative link, or an absolute link to // the current host. if (linkval.toLowerCase().indexOf(window.location.protocol + '//' + window.location.host)==0) { // absolute link internal to our host - do nothing } else if (linkval.indexOf('http:') != 0) { // not a http-link. Possibly an internal relative link, but also // possibly a mailto or other protocol add tests for relevant // protocols as you like. protocols = ['mailto', 'ftp', 'news', 'irc', 'h323', 'sip', 'callto', 'https', 'feed', 'webcal']; // h323, sip and callto are internet telephony VoIP protocols for (p=0; p < protocols.length; p++) { if (linkval.indexOf(protocols[p]+':') == 0) { // if the link matches one of the listed protocols, add // className = link-protocol wrapNode(links[i], 'span', 'link-'+protocols[p]); break; } } } else { // we are in here if the link points to somewhere else than our // site. if ( links[i].getElementsByTagName('img').length == 0 ) { // we do not want to mess with those links that already have // images in them wrapNode(links[i], 'span', 'link-external'); // uncomment the next line if you want external links to be // opened in a new window. // links[i].setAttribute('target', '_blank'); } } } } }; registerPloneFunction(scanforlinks); /* ----- collapsiblesections.js ----- */ /* * This is the code for the collapsibles. It uses the following markup: * *
*
* A Title *
*
* *
*
* * When the collapsible is toggled, then the dl will get an additional class * which switches between 'collapsedBlockCollapsible' and * 'expandedBlockCollapsible'. You can use this to style it accordingly, for * example: * * .expandedBlockCollapsible .collapsibleContent { * display: block; * } * * .collapsedBlockCollapsible .collapsibleContent { * display: none; * } * * If you add the 'collapsedOnLoad' class to the dl, then it will get * collapsed on page load, this is done, so the content is accessible even when * javascript is disabled. * * If you add the 'inline' class to the dl, then it will toggle between * 'collapsedInlineCollapsible' and 'expandedInlineCollapsible' instead of * 'collapsedBlockCollapsible' and 'expandedBlockCollapsible'. * * This file uses functions from register_function.js, cssQuery.js and * nodeutils.js. * */ function isCollapsible(node) { if (hasClassName(node, 'collapsible')) { return true; } return false; }; function toggleCollapsible(event) { if (!event) var event = window.event; // IE compatibility if (!this.tagName && (this.tagName == 'DT' || this.tagName == 'dt')) { return true; } var container = findContainer(this, isCollapsible); if (!container) { return true; } if (hasClassName(container, 'collapsedBlockCollapsible')) { replaceClassName(container, 'collapsedBlockCollapsible', 'expandedBlockCollapsible'); } else if (hasClassName(container, 'expandedBlockCollapsible')) { replaceClassName(container, 'expandedBlockCollapsible', 'collapsedBlockCollapsible'); } else if (hasClassName(container, 'collapsedInlineCollapsible')) { replaceClassName(container, 'collapsedInlineCollapsible', 'expandedInlineCollapsible'); } else if (hasClassName(container, 'expandedInlineCollapsible')) { replaceClassName(container, 'expandedInlineCollapsible', 'collapsedInlineCollapsible'); } }; function activateCollapsibles() { if (!W3CDOM) {return false;} var collapsibles = cssQuery('dl.collapsible'); for (var i=0; i < collapsibles.length; i++) { var collapsible = collapsibles[i]; var collapsible_header = cssQuery('dt.collapsibleHeader', collapsible)[0]; collapsible_header.onclick = toggleCollapsible; if (hasClassName(collapsible, 'inline')) { // the collapsible should be inline if (hasClassName(collapsible, 'collapsedOnLoad')) { replaceClassName(collapsible, 'collapsedOnLoad', 'collapsedInlineCollapsible'); } else { addClassName(collapsible, 'expandedInlineCollapsible'); } } else { // the collapsible is a block if (hasClassName(collapsible, 'collapsedOnLoad')) { replaceClassName(collapsible, 'collapsedOnLoad', 'collapsedBlockCollapsible'); } else { addClassName(collapsible, 'expandedBlockCollapsible'); } } } }; registerPloneFunction(activateCollapsibles); function tog() { // tog: toggle the visibility of html elements (arguments[1..]) from none to // arguments[0]. Return what should be returned in a javascript onevent(). display = arguments[0]; for( var i=1; iSarissa is a utility class. Provides static methods for DOMDocument and * XMLHTTP objects, DOM Node serializatrion to XML strings and other goodies.

* @constructor */ function Sarissa(){}; /** @private */ Sarissa.PARSED_OK = "Document contains no parsing errors"; /** * Tells you whether transformNode and transformNodeToObject are available. This functionality * is contained in sarissa_ieemu_xslt.js and is deprecated. If you want to control XSLT transformations * use the XSLTProcessor * @deprecated * @type boolean */ Sarissa.IS_ENABLED_TRANSFORM_NODE = false; /** * tells you whether XMLHttpRequest (or equivalent) is available * @type boolean */ Sarissa.IS_ENABLED_XMLHTTP = false; /** * tells you whether selectNodes/selectSingleNode is available * @type boolean */ Sarissa.IS_ENABLED_SELECT_NODES = false; var _sarissa_iNsCounter = 0; var _SARISSA_IEPREFIX4XSLPARAM = ""; var _SARISSA_HAS_DOM_IMPLEMENTATION = document.implementation && true; var _SARISSA_HAS_DOM_CREATE_DOCUMENT = _SARISSA_HAS_DOM_IMPLEMENTATION && document.implementation.createDocument; var _SARISSA_HAS_DOM_FEATURE = _SARISSA_HAS_DOM_IMPLEMENTATION && document.implementation.hasFeature; var _SARISSA_IS_MOZ = _SARISSA_HAS_DOM_CREATE_DOCUMENT && _SARISSA_HAS_DOM_FEATURE; var _SARISSA_IS_SAFARI = navigator.userAgent.toLowerCase().indexOf("applewebkit") != -1; var _SARISSA_IS_IE = document.all && window.ActiveXObject && navigator.userAgent.toLowerCase().indexOf("msie") > -1 && navigator.userAgent.toLowerCase().indexOf("opera") == -1; if(!window.Node || !window.Node.ELEMENT_NODE){ var Node = {ELEMENT_NODE: 1, ATTRIBUTE_NODE: 2, TEXT_NODE: 3, CDATA_SECTION_NODE: 4, ENTITY_REFERENCE_NODE: 5, ENTITY_NODE: 6, PROCESSING_INSTRUCTION_NODE: 7, COMMENT_NODE: 8, DOCUMENT_NODE: 9, DOCUMENT_TYPE_NODE: 10, DOCUMENT_FRAGMENT_NODE: 11, NOTATION_NODE: 12}; }; // IE initialization if(_SARISSA_IS_IE){ // for XSLT parameter names, prefix needed by IE _SARISSA_IEPREFIX4XSLPARAM = "xsl:"; // used to store the most recent ProgID available out of the above var _SARISSA_DOM_PROGID = ""; var _SARISSA_XMLHTTP_PROGID = ""; /** * Called when the Sarissa_xx.js file is parsed, to pick most recent * ProgIDs for IE, then gets destroyed. * @param idList an array of MSXML PROGIDs from which the most recent will be picked for a given object * @param enabledList an array of arrays where each array has two items; the index of the PROGID for which a certain feature is enabled */ pickRecentProgID = function (idList, enabledList){ // found progID flag var bFound = false; for(var i=0; i < idList.length && !bFound; i++){ try{ var oDoc = new ActiveXObject(idList[i]); o2Store = idList[i]; bFound = true; for(var j=0;j"); // don't use the same prefix again ++_sarissa_iNsCounter; } else oDoc.loadXML("<" + sName + "/>"); }; return oDoc; }; // see non-IE version Sarissa.getParseErrorText = function (oDoc) { var parseErrorText = Sarissa.PARSED_OK; if(oDoc.parseError != 0){ parseErrorText = "XML Parsing Error: " + oDoc.parseError.reason + "\nLocation: " + oDoc.parseError.url + "\nLine Number " + oDoc.parseError.line + ", Column " + oDoc.parseError.linepos + ":\n" + oDoc.parseError.srcText + "\n"; for(var i = 0; i < oDoc.parseError.linepos;i++){ parseErrorText += "-"; }; parseErrorText += "^\n"; }; return parseErrorText; }; // see non-IE version Sarissa.setXpathNamespaces = function(oDoc, sNsSet) { oDoc.setProperty("SelectionLanguage", "XPath"); oDoc.setProperty("SelectionNamespaces", sNsSet); }; /** * Basic implementation of Mozilla's XSLTProcessor for IE. * Reuses the same XSLT stylesheet for multiple transforms * @constructor */ XSLTProcessor = function(){ this.template = new ActiveXObject(_SARISSA_XSLTEMPLATE_PROGID); this.processor = null; }; /** * Impoprts the given XSLT DOM and compiles it to a reusable transform * @argument xslDoc The XSLT DOMDocument to import */ XSLTProcessor.prototype.importStylesheet = function(xslDoc){ // convert stylesheet to free threaded var converted = new ActiveXObject(_SARISSA_THREADEDDOM_PROGID); converted.loadXML(xslDoc.xml); this.template.stylesheet = converted; this.processor = this.template.createProcessor(); // (re)set default param values this.paramsSet = new Array(); }; /** * Transform the given XML DOM * @argument sourceDoc The XML DOMDocument to transform * @return The transformation result as a DOM Document */ XSLTProcessor.prototype.transformToDocument = function(sourceDoc){ this.processor.input = sourceDoc; var outDoc = new ActiveXObject(_SARISSA_DOM_PROGID); this.processor.output = outDoc; this.processor.transform(); return outDoc; }; /** * Not sure if this works in IE. Maybe this will allow non-well-formed * transformation results (i.e. with no single root element) * @argument sourceDoc The XML DOMDocument to transform * @return The transformation result as a DOM Fragment */ XSLTProcessor.prototype.transformToFragment = function(sourceDoc, ownerDocument){ return this.transformToDocument(sourceDoc); }; /** * Set global XSLT parameter of the imported stylesheet * @argument nsURI The parameter namespace URI * @argument name The parameter base name * @argument value The new parameter value */ XSLTProcessor.prototype.setParameter = function(nsURI, name, value){ /* nsURI is optional but cannot be null */ if(nsURI){ this.processor.addParameter(name, value, nsURI); }else{ this.processor.addParameter(name, value); }; /* update updated params for getParameter */ if(!this.paramsSet[""+nsURI]){ this.paramsSet[""+nsURI] = new Array(); }; this.paramsSet[""+nsURI][name] = value; }; /** * Gets a parameter if previously set by setParameter. Returns null * otherwise * @argument name The parameter base name * @argument value The new parameter value * @return The parameter value if reviously set by setParameter, null otherwise */ XSLTProcessor.prototype.getParameter = function(nsURI, name){ if(this.paramsSet[""+nsURI] && this.paramsSet[""+nsURI][name]) return this.paramsSet[""+nsURI][name]; else return null; }; } else{ /* end IE initialization, try to deal with real browsers now ;-) */ if(_SARISSA_HAS_DOM_CREATE_DOCUMENT){ if(window.XMLDocument){ /** *

Emulate IE's onreadystatechange attribute

*/ XMLDocument.prototype.onreadystatechange = null; /** *

Emulates IE's readyState property, which always gives an integer from 0 to 4:

*
  • 1 == LOADING,
    • *
  • 2 == LOADED,
    • *
  • 3 == INTERACTIVE,
    • *
  • 4 == COMPLETED
*/ XMLDocument.prototype.readyState = 0; /** *

Emulate IE's parseError attribute

*/ XMLDocument.prototype.parseError = 0; // NOTE: setting async to false will only work with documents // called over HTTP (meaning a server), not the local file system, // unless you are using Moz 1.4+. // BTW the try>catch block is for 1.4; I haven't found a way to check if // the property is implemented without // causing an error and I dont want to use user agent stuff for that... var _SARISSA_SYNC_NON_IMPLEMENTED = false; try{ /** *

Emulates IE's async property for Moz versions prior to 1.4. * It controls whether loading of remote XML files works * synchronously or asynchronously.

*/ XMLDocument.prototype.async = true; _SARISSA_SYNC_NON_IMPLEMENTED = true; }catch(e){/* trap */}; /** *

Keeps a handle to the original load() method. Internal use and only * if Mozilla version is lower than 1.4

* @private */ XMLDocument.prototype._sarissa_load = XMLDocument.prototype.load; /** *

Overrides the original load method to provide synchronous loading for * Mozilla versions prior to 1.4, using an XMLHttpRequest object (if * async is set to false)

* @returns the DOM Object as it was before the load() call (may be empty) */ XMLDocument.prototype.load = function(sURI) { var oDoc = document.implementation.createDocument("", "", null); Sarissa.copyChildNodes(this, oDoc); this.parseError = 0; Sarissa.__setReadyState__(this, 1); try { if(this.async == false && _SARISSA_SYNC_NON_IMPLEMENTED) { var tmp = new XMLHttpRequest(); tmp.open("GET", sURI, false); tmp.send(null); Sarissa.__setReadyState__(this, 2); Sarissa.copyChildNodes(tmp.responseXML, this); Sarissa.__setReadyState__(this, 3); } else { this._sarissa_load(sURI); }; } catch (objException) { this.parseError = -1; } finally { if(this.async == false){ Sarissa.__handleLoad__(this); }; }; return oDoc; }; };//if(window.XMLDocument) /** *

Ensures the document was loaded correctly, otherwise sets the * parseError to -1 to indicate something went wrong. Internal use

* @private */ Sarissa.__handleLoad__ = function(oDoc){ if (!oDoc.documentElement || oDoc.documentElement.tagName == "parsererror") oDoc.parseError = -1; Sarissa.__setReadyState__(oDoc, 4); }; /** *

Attached by an event handler to the load event. Internal use.

* @private */ _sarissa_XMLDocument_onload = function(){ Sarissa.__handleLoad__(this); }; /** *

Sets the readyState property of the given DOM Document object. * Internal use.

* @private * @argument oDoc the DOM Document object to fire the * readystatechange event * @argument iReadyState the number to change the readystate property to */ Sarissa.__setReadyState__ = function(oDoc, iReadyState){ oDoc.readyState = iReadyState; if (oDoc.onreadystatechange != null && typeof oDoc.onreadystatechange == "function") oDoc.onreadystatechange(); }; /** *

Factory method to obtain a new DOM Document object

* @argument sUri the namespace of the root node (if any) * @argument sUri the local name of the root node (if any) * @returns a new DOM Document */ Sarissa.getDomDocument = function(sUri, sName){ var oDoc = document.implementation.createDocument(sUri?sUri:"", sName?sName:"", null); oDoc.addEventListener("load", _sarissa_XMLDocument_onload, false); return oDoc; }; };//if(_SARISSA_HAS_DOM_CREATE_DOCUMENT) }; //========================================== // Common stuff //========================================== if(!window.DOMParser){ /** * DOMParser is a utility class, used to construct DOMDocuments from XML strings * @constructor */ DOMParser = function() { }; /** * Construct a new DOM Document from the given XMLstring * @param sXml the given XML string * @param contentType the content type of the document the given string represents (one of text/xml, application/xml, application/xhtml+xml). * @return a new DOM Document from the given XML string */ DOMParser.prototype.parseFromString = function(sXml, contentType){ var doc = Sarissa.getDomDocument(); doc.loadXML(sXml); return doc; }; }; if(window.XMLHttpRequest){ Sarissa.IS_ENABLED_XMLHTTP = true; } else if(_SARISSA_IS_IE){ /** * Emulate XMLHttpRequest * @constructor */ XMLHttpRequest = function() { return new ActiveXObject(_SARISSA_XMLHTTP_PROGID); }; Sarissa.IS_ENABLED_XMLHTTP = true; }; if(!window.document.importNode && _SARISSA_IS_IE){ try{ /** * Implements importNode for the current window document in IE using innerHTML. * Testing showed that DOM was multiple times slower than innerHTML for this, * sorry folks. If you encounter trouble (who knows what IE does behind innerHTML) * please gimme a call. * @param oNode the Node to import * @param bChildren whether to include the children of oNode * @returns the imported node for further use */ window.document.importNode = function(oNode, bChildren){ var importNode = document.createElement("div"); if(bChildren) importNode.innerHTML = Sarissa.serialize(oNode); else importNode.innerHTML = Sarissa.serialize(oNode.cloneNode(false)); return importNode.firstChild; }; }catch(e){}; }; if(!Sarissa.getParseErrorText){ /** *

Returns a human readable description of the parsing error. Usefull * for debugging. Tip: append the returned error string in a <pre> * element if you want to render it.

*

Many thanks to Christian Stocker for the initial patch.

* @argument oDoc The target DOM document * @returns The parsing error description of the target Document in * human readable form (preformated text) */ Sarissa.getParseErrorText = function (oDoc){ var parseErrorText = Sarissa.PARSED_OK; if(oDoc.parseError != 0){ /*moz*/ if(oDoc.documentElement.tagName == "parsererror"){ parseErrorText = oDoc.documentElement.firstChild.data; parseErrorText += "\n" + oDoc.documentElement.firstChild.nextSibling.firstChild.data; }/*konq*/ else if(oDoc.documentElement.tagName == "html"){ parseErrorText = Sarissa.getText(oDoc.documentElement.getElementsByTagName("h1")[0], false) + "\n"; parseErrorText += Sarissa.getText(oDoc.documentElement.getElementsByTagName("body")[0], false) + "\n"; parseErrorText += Sarissa.getText(oDoc.documentElement.getElementsByTagName("pre")[0], false); }; }; return parseErrorText; }; }; Sarissa.getText = function(oNode, deep){ var s = ""; var nodes = oNode.childNodes; for(var i=0; i < nodes.length; i++){ var node = nodes[i]; var nodeType = node.nodeType; if(nodeType == Node.TEXT_NODE || nodeType == Node.CDATA_SECTION_NODE){ s += node.data; } else if(deep == true && (nodeType == Node.ELEMENT_NODE || nodeType == Node.DOCUMENT_NODE || nodeType == Node.DOCUMENT_FRAGMENT_NODE)){ s += Sarissa.getText(node, true); }; }; return s; }; if(window.XMLSerializer){ /** *

Factory method to obtain the serialization of a DOM Node

* @returns the serialized Node as an XML string */ Sarissa.serialize = function(oDoc){ return (new XMLSerializer()).serializeToString(oDoc); }; }else{ if((Sarissa.getDomDocument("","foo", null)).xml){ // see non-IE version Sarissa.serialize = function(oDoc) { // TODO: check for HTML document and return innerHTML instead return oDoc.xml; }; /** * Utility class to serialize DOM Node objects to XML strings * @constructor */ XMLSerializer = function(){}; /** * Serialize the given DOM Node to an XML string * @param oNode the DOM Node to serialize */ XMLSerializer.prototype.serializeToString = function(oNode) { return oNode.xml; }; }; }; /** * strips tags from a markup string */ Sarissa.stripTags = function (s) { return s.replace(/<[^>]+>/g,""); }; /** *

Deletes all child nodes of the given node

* @argument oNode the Node to empty */ Sarissa.clearChildNodes = function(oNode) { while(oNode.hasChildNodes()){ oNode.removeChild(oNode.firstChild); }; }; /** *

Copies the childNodes of nodeFrom to nodeTo

*

Note: The second object's original content is deleted before * the copy operation, unless you supply a true third parameter

* @argument nodeFrom the Node to copy the childNodes from * @argument nodeTo the Node to copy the childNodes to * @argument bPreserveExisting whether to preserve the original content of nodeTo, default is false */ Sarissa.copyChildNodes = function(nodeFrom, nodeTo, bPreserveExisting) { if(!bPreserveExisting){ Sarissa.clearChildNodes(nodeTo); }; var ownerDoc = nodeTo.nodeType == Node.DOCUMENT_NODE ? nodeTo : nodeTo.ownerDocument; var nodes = nodeFrom.childNodes; if(ownerDoc.importNode && (!_SARISSA_IS_IE)) { for(var i=0;i < nodes.length;i++) { nodeTo.appendChild(ownerDoc.importNode(nodes[i], true)); }; } else{ for(var i=0;i < nodes.length;i++) { nodeTo.appendChild(nodes[i].cloneNode(true)); }; }; }; /** *

Moves the childNodes of nodeFrom to nodeTo

*

Note: The second object's original content is deleted before * the move operation, unless you supply a true third parameter

* @argument nodeFrom the Node to copy the childNodes from * @argument nodeTo the Node to copy the childNodes to * @argument bPreserveExisting whether to preserve the original content of nodeTo, default is false */ Sarissa.moveChildNodes = function(nodeFrom, nodeTo, bPreserveExisting) { if(!bPreserveExisting){ Sarissa.clearChildNodes(nodeTo); }; var nodes = nodeFrom.childNodes; // if within the same doc, just move, else copy and delete if(nodeFrom.ownerDocument == nodeTo.ownerDocument){ nodeTo.appendChild(nodes[i]); }else{ var ownerDoc = nodeTo.nodeType == Node.DOCUMENT_NODE ? nodeTo : nodeTo.ownerDocument; if(ownerDoc.importNode && (!_SARISSA_IS_IE)) { for(var i=0;i < nodes.length;i++) { nodeTo.appendChild(ownerDoc.importNode(nodes[i], true)); }; } else{ for(var i=0;i < nodes.length;i++) { nodeTo.appendChild(nodes[i].cloneNode(true)); }; }; Sarissa.clearChildNodes(nodeFrom); }; }; /** *

Serialize any object to an XML string. All properties are serialized using the property name * as the XML element name. Array elements are rendered as array-item elements, * using their index/key as the value of the key attribute.

* @argument anyObject the object to serialize * @argument objectName a name for that object * @return the XML serializationj of the given object as a string */ Sarissa.xmlize = function(anyObject, objectName, indentSpace){ indentSpace = indentSpace?indentSpace:''; var s = indentSpace + '<' + objectName + '>'; var isLeaf = false; if(!(anyObject instanceof Object) || anyObject instanceof Number || anyObject instanceof String || anyObject instanceof Boolean || anyObject instanceof Date){ s += Sarissa.escape(""+anyObject); isLeaf = true; }else{ s += "\n"; var itemKey = ''; var isArrayItem = anyObject instanceof Array; for(var name in anyObject){ s += Sarissa.xmlize(anyObject[name], (isArrayItem?"array-item key=\""+name+"\"":name), indentSpace + " "); }; s += indentSpace; }; return s += (objectName.indexOf(' ')!=-1?"\n":"\n"); }; /** * Escape the given string chacters that correspond to the five predefined XML entities * @param sXml the string to escape */ Sarissa.escape = function(sXml){ return sXml.replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'"); }; /** * Unescape the given string. This turns the occurences of the predefined XML * entities to become the characters they represent correspond to the five predefined XML entities * @param sXml the string to unescape */ Sarissa.unescape = function(sXml){ return sXml.replace(/'/g,"'") .replace(/"/g,"\"") .replace(/>/g,">") .replace(/</g,"<") .replace(/&/g,"&"); }; // EOF /***************************************************************************** * * Sarissa XML library version 0.9.6 * Copyright (c) 2003 Manos Batsis, * mailto: mbatsis at users full stop sourceforge full stop net * This software is distributed under the Kupu License. See * LICENSE.txt for license text. See the Sarissa homepage at * http://sarissa.sourceforge.net for more information. * ***************************************************************************** * ==================================================================== * About * ==================================================================== * Sarissa cross browser XML library - IE XPath Emulation * @version 0.9.6 * @author: Manos Batsis, mailto: mbatsis at users full stop sourceforge full stop net * * This script emulates Internet Explorer's selectNodes and selectSingleNode * for Mozilla. Associating namespace prefixes with URIs for your XPath queries * is easy with IE's setProperty. * USers may also map a namespace prefix to a default (unprefixed) namespace in the * source document with Sarissa.setXpathNamespaces * */ if(_SARISSA_HAS_DOM_FEATURE && document.implementation.hasFeature("XPath", "3.0")){ /** *

SarissaNodeList behaves as a NodeList but is only used as a result to selectNodes, * so it also has some properties IEs proprietery object features.

* @private * @constructor * @argument i the (initial) list size */ function SarissaNodeList(i){ this.length = i; }; /**

Set an Array as the prototype object

*/ SarissaNodeList.prototype = new Array(0); /**

Inherit the Array constructor

*/ SarissaNodeList.prototype.constructor = Array; /** *

Returns the node at the specified index or null if the given index * is greater than the list size or less than zero

*

Note that in ECMAScript you can also use the square-bracket * array notation instead of calling item * @argument i the index of the member to return * @returns the member corresponding to the given index */ SarissaNodeList.prototype.item = function(i) { return (i < 0 || i >= this.length)?null:this[i]; }; /** *

Emulate IE's expr property * (Here the SarissaNodeList object is given as the result of selectNodes).

* @returns the XPath expression passed to selectNodes that resulted in * this SarissaNodeList */ SarissaNodeList.prototype.expr = ""; /** dummy, used to accept IE's stuff without throwing errors */ XMLDocument.prototype.setProperty = function(x,y){}; /** *

Programmatically control namespace URI/prefix mappings for XPath * queries.

*

This method comes especially handy when used to apply XPath queries * on XML documents with a default namespace, as there is no other way * of mapping that to a prefix.

*

Using no namespace prefix in DOM Level 3 XPath queries, implies you * are looking for elements in the null namespace. If you need to look * for nodes in the default namespace, you need to map a prefix to it * first like:

* 
Sarissa.setXpathNamespaces(oDoc, "xmlns:myprefix=&aposhttp://mynsURI&apos");
*

Note 1 : Use this method only if the source document features * a default namespace (without a prefix), otherwise just use IE's setProperty * (moz will rezolve non-default namespaces by itself). You will need to map that * namespace to a prefix for queries to work.

*

Note 2 : This method calls IE's setProperty method to set the * appropriate namespace-prefix mappings, so you dont have to do that.

* @param oDoc The target XMLDocument to set the namespace mappings for. * @param sNsSet A whilespace-seperated list of namespace declarations as * those would appear in an XML document. E.g.: * "xmlns:xhtml='http://www.w3.org/1999/xhtml' * xmlns:'http://www.w3.org/1999/XSL/Transform'" * @throws An error if the format of the given namespace declarations is bad. */ Sarissa.setXpathNamespaces = function(oDoc, sNsSet) { //oDoc._sarissa_setXpathNamespaces(sNsSet); oDoc._sarissa_useCustomResolver = true; var namespaces = sNsSet.indexOf(" ")>-1?sNsSet.split(" "):new Array(sNsSet); oDoc._sarissa_xpathNamespaces = new Array(namespaces.length); for(var i=0;i < namespaces.length;i++){ var ns = namespaces[i]; var colonPos = ns.indexOf(":"); var assignPos = ns.indexOf("="); if(colonPos == 5 && assignPos > colonPos+2){ var prefix = ns.substring(colonPos+1, assignPos); var uri = ns.substring(assignPos+2, ns.length-1); oDoc._sarissa_xpathNamespaces[prefix] = uri; }else{ throw "Bad format on namespace declaration(s) given"; }; }; }; /** * @private Flag to control whether a custom namespace resolver should * be used, set to true by Sarissa.setXpathNamespaces */ XMLDocument.prototype._sarissa_useCustomResolver = false; /** @private */ XMLDocument.prototype._sarissa_xpathNamespaces = new Array(); /** *

Extends the XMLDocument to emulate IE's selectNodes.

* @argument sExpr the XPath expression to use * @argument contextNode this is for internal use only by the same * method when called on Elements * @returns the result of the XPath search as a SarissaNodeList * @throws An error if no namespace URI is found for the given prefix. */ XMLDocument.prototype.selectNodes = function(sExpr, contextNode){ var nsDoc = this; var nsresolver = this._sarissa_useCustomResolver ? function(prefix){ var s = nsDoc._sarissa_xpathNamespaces[prefix]; if(s)return s; else throw "No namespace URI found for prefix: '" + prefix+"'"; } : this.createNSResolver(this.documentElement); var oResult = this.evaluate(sExpr, (contextNode?contextNode:this), nsresolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); var nodeList = new SarissaNodeList(oResult.snapshotLength); nodeList.expr = sExpr; for(var i=0;iExtends the Element to emulate IE's selectNodes

* @argument sExpr the XPath expression to use * @returns the result of the XPath search as an (Sarissa)NodeList * @throws An * error if invoked on an HTML Element as this is only be * available to XML Elements. */ Element.prototype.selectNodes = function(sExpr){ var doc = this.ownerDocument; if(doc.selectNodes) return doc.selectNodes(sExpr, this); else throw "Method selectNodes is only supported by XML Elements"; }; /** *

Extends the XMLDocument to emulate IE's selectSingleNodes.

* @argument sExpr the XPath expression to use * @argument contextNode this is for internal use only by the same * method when called on Elements * @returns the result of the XPath search as an (Sarissa)NodeList */ XMLDocument.prototype.selectSingleNode = function(sExpr, contextNode){ var ctx = contextNode?contextNode:null; sExpr = "("+sExpr+")[1]"; var nodeList = this.selectNodes(sExpr, ctx); if(nodeList.length > 0) return nodeList.item(0); else return null; }; /** *

Extends the Element to emulate IE's selectNodes.

* @argument sExpr the XPath expression to use * @returns the result of the XPath search as an (Sarissa)NodeList * @throws An error if invoked on an HTML Element as this is only be * available to XML Elements. */ Element.prototype.selectSingleNode = function(sExpr){ var doc = this.ownerDocument; if(doc.selectSingleNode) return doc.selectSingleNode(sExpr, this); else throw "Method selectNodes is only supported by XML Elements"; }; Sarissa.IS_ENABLED_SELECT_NODES = true; }; window._ = function(msgid, interpolations) { /* dummy _ function for systems that don't want to use i18n */ if (interpolations) { for (var id in interpolations) { var value = interpolations[id]; var reg = new RegExp('\\\$\\\{' + id + '\\\}', 'g'); msgid = msgid.replace(reg, ""+value); }; }; return msgid; }; /***************************************************************************** * * Copyright (c) 2003-2005 Kupu Contributors. All rights reserved. * * This software is distributed under the terms of the Kupu * License. See LICENSE.txt for license text. For a list of Kupu * Contributors see CREDITS.txt. * *****************************************************************************/ // $Id: kupuhelpers.js 25040 2006-03-27 14:49:21Z fschulze $ /* Some notes about the scripts: - Problem with bound event handlers: When a method on an object is used as an event handler, the method uses its reference to the object it is defined on. The 'this' keyword no longer points to the class, but instead refers to the element on which the event is bound. To overcome this problem, you can wrap the method in a class that holds a reference to the object and have a method on the wrapper that calls the input method in the input object's context. This wrapped method can be used as the event handler. An example: class Foo() { this.foo = function() { // the method used as an event handler // using this here wouldn't work if the method // was passed to addEventListener directly this.baz(); }; this.baz = function() { // some method on the same object }; }; f = new Foo(); // create the wrapper for the function, args are func, context wrapper = new ContextFixer(f.foo, f); // the wrapper can be passed to addEventListener, 'this' in the method // will be pointing to the right context. some_element.addEventListener("click", wrapper.execute, false); - Problem with window.setTimeout: The window.setTimeout function has a couple of problems in usage, all caused by the fact that it expects a *string* argument that will be evalled in the global namespace rather than a function reference with plain variables as arguments. This makes that the methods on 'this' can not be called (the 'this' variable doesn't exist in the global namespace) and references to variables in the argument list aren't allowed (since they don't exist in the global namespace). To overcome these problems, there's now a singleton instance of a class called Timer, which has one public method called registerFunction. This can be called with a function reference and a variable number of extra arguments to pass on to the function. Usage: timer_instance.registerFunction(this, this.myFunc, 10, 'foo', bar); will call this.myFunc('foo', bar); in 10 milliseconds (with 'this' as its context). */ //---------------------------------------------------------------------------- // Helper classes and functions //---------------------------------------------------------------------------- function addEventHandler(element, event, method, context) { /* method to add an event handler for both IE and Mozilla */ var wrappedmethod = new ContextFixer(method, context); var args = new Array(null, null); for (var i=4; i < arguments.length; i++) { args.push(arguments[i]); }; wrappedmethod.args = args; try { if (_SARISSA_IS_MOZ) { element.addEventListener(event, wrappedmethod.execute, false); } else if (_SARISSA_IS_IE) { element.attachEvent("on" + event, wrappedmethod.execute); } else { throw _("Unsupported browser!"); }; return wrappedmethod.execute; } catch(e) { alert(_('exception ${message} while registering an event handler ' + 'for element ${element}, event ${event}, method ${method}', {'message': e.message, 'element': element, 'event': event, 'method': method})); }; }; function removeEventHandler(element, event, method) { /* method to remove an event handler for both IE and Mozilla */ if (_SARISSA_IS_MOZ) { window.removeEventListener(event, method, false); } else if (_SARISSA_IS_IE) { element.detachEvent("on" + event, method); } else { throw _("Unsupported browser!"); }; }; /* Replacement for window.document.getElementById() * selector can be an Id (so we maintain backwards compatability) * but is intended to be a subset of valid CSS selectors. * For now we only support the format: "#id tag.class" */ function getFromSelector(selector) { var match = /#(\S+)\s*([^ .]+)\.(\S+)/.exec(selector); if (!match) { return window.document.getElementById(selector); } var id=match[1], tag=match[2], className=match[3]; var base = window.document.getElementById(id); return getBaseTagClass(base, tag, className); } function getBaseTagClass(base, tag, className) { var classPat = new RegExp('\\b'+className+'\\b'); var nodes = base.getElementsByTagName(tag); for (var i = 0; i < nodes.length; i++) { if (classPat.test(nodes[i].className)) { return nodes[i]; } } return null; } function openPopup(url, width, height) { /* open and center a popup window */ var sw = screen.width; var sh = screen.height; var left = sw / 2 - width / 2; var top = sh / 2 - height / 2; var win = window.open(url, 'someWindow', 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top); return win; }; function selectSelectItem(select, item) { /* select a certain item from a select */ for (var i=0; i < select.options.length; i++) { var option = select.options[i]; if (option.value == item) { select.selectedIndex = i; return; } } select.selectedIndex = 0; }; function ParentWithStyleChecker(tagnames, style, stylevalue, command) { /* small wrapper that provides a generic function to check if a button should look pressed in */ return function(selNode, button, editor, event) { /* check if the button needs to look pressed in */ if (command) { var result = editor.getInnerDocument().queryCommandState(command) if (result || editor.getSelection().getContentLength() == 0) { return result; }; }; var currnode = selNode; while (currnode && currnode.style) { for (var i=0; i < tagnames.length; i++) { if (currnode.nodeName.toLowerCase() == tagnames[i].toLowerCase()) { return true; }; }; if (style && currnode.style[style] == stylevalue) { return true; }; currnode = currnode.parentNode; }; return false; }; }; function _load_dict_helper(element) { /* walks through a set of XML nodes and builds a nested tree of objects */ var dict = {}; for (var i=0; i < element.childNodes.length; i++) { var child = element.childNodes[i]; if (child.nodeType == 1) { var value = ''; for (var j=0; j < child.childNodes.length; j++) { // test if we can recurse, if so ditch the string (probably // ignorable whitespace) and dive into the node if (child.childNodes[j].nodeType == 1) { value = _load_dict_helper(child); break; } else if (typeof(value) == typeof('')) { value += child.childNodes[j].nodeValue; }; }; if (typeof(value) == typeof('') && !isNaN(parseInt(value)) && parseInt(value).toString().length == value.length) { value = parseInt(value); } else if (typeof(value) != typeof('')) { if (value.length == 1) { value = value[0]; }; }; var name = child.nodeName.toLowerCase(); if (dict[name] != undefined) { if (!dict[name].push) { dict[name] = new Array(dict[name], value); } else { dict[name].push(value); }; } else { dict[name] = value; }; }; }; return dict; }; function loadDictFromXML(document, islandid) { /* load configuration values from an XML chunk this is quite generic, it just reads data from a chunk of XML into an object, checking if the object is complete should be done in the calling context. */ var dict = {}; var confnode = getFromSelector(islandid); var root = null; for (var i=0; i < confnode.childNodes.length; i++) { if (confnode.childNodes[i].nodeType == 1) { root = confnode.childNodes[i]; break; }; }; if (!root) { throw(_('No element found in the config island!')); }; dict = _load_dict_helper(root); return dict; }; function NodeIterator(node, continueatnextsibling) { /* simple node iterator can be used to recursively walk through all children of a node, the next() method will return the next node until either the next sibling of the startnode is reached (when continueatnextsibling is false, the default) or when there's no node left (when continueatnextsibling is true) returns false if no nodes are left */ this.node = node; this.current = node; this.terminator = continueatnextsibling ? null : node; this.next = function() { /* return the next node */ if (this.current === false) { // restart this.current = this.node; }; var current = this.current; if (current.firstChild) { this.current = current.firstChild; } else { // walk up parents until we finish or find one with a nextSibling while (current != this.terminator && !current.nextSibling) { current = current.parentNode; }; if (current == this.terminator) { this.current = false; } else { this.current = current.nextSibling; }; }; return this.current; }; this.reset = function() { /* reset the iterator so it starts at the first node */ this.current = this.node; }; this.setCurrent = function(node) { /* change the current node can be really useful for specific hacks, the user must take care that the node is inside the iterator's scope or it will go wild */ this.current = node; }; }; /* selection classes, these are wrappers around the browser-specific selection objects to provide a generic abstraction layer */ function BaseSelection() { /* superclass for the Selection objects this will contain higher level methods that don't contain browser-specific code */ this.splitNodeAtSelection = function(node) { /* split the node at the current selection remove any selected text, then split the node on the location of the selection, thus creating a new node, this is attached to the node's parent after the node this will fail if the selection is not inside the node */ if (!this.selectionInsideNode(node)) { throw(_('Selection not inside the node!')); }; // a bit sneaky: what we'll do is insert a new br node to replace // the current selection, then we'll walk up to that node in both // the original and the cloned node, in the original we'll remove // the br node and everything that's behind it, on the cloned one // we'll remove the br and everything before it // anyway, we'll end up with 2 nodes, the first already in the // document (the original node) and the second we can just attach // to the doc after the first one var doc = this.document.getDocument(); var br = doc.createElement('br'); br.setAttribute('node_splitter', 'indeed'); this.replaceWithNode(br); var clone = node.cloneNode(true); // now walk through the original node var iterator = new NodeIterator(node); var currnode = iterator.next(); var remove = false; while (currnode) { if (currnode.nodeName.toLowerCase() == 'br' && currnode.getAttribute('node_splitter') == 'indeed') { // here's the point where we should start removing remove = true; }; // we should fetch the next node before we remove the current one, else the iterator // will fail (since the current node is removed) var lastnode = currnode; currnode = iterator.next(); // XXX this will leave nodes that *became* empty in place, since it doesn't visit it again, // perhaps we should do a second pass that removes the rest(?) if (remove && (lastnode.nodeType == 3 || !lastnode.hasChildNodes())) { lastnode.parentNode.removeChild(lastnode); }; }; // and through the clone var iterator = new NodeIterator(clone); var currnode = iterator.next(); var remove = true; while (currnode) { var lastnode = currnode; currnode = iterator.next(); if (lastnode.nodeName.toLowerCase() == 'br' && lastnode.getAttribute('node_splitter') == 'indeed') { // here's the point where we should stop removing lastnode.parentNode.removeChild(lastnode); remove = false; }; if (remove && (lastnode.nodeType == 3 || !lastnode.hasChildNodes())) { lastnode.parentNode.removeChild(lastnode); }; }; // next we need to attach the node to the document if (node.nextSibling) { node.parentNode.insertBefore(clone, node.nextSibling); } else { node.parentNode.appendChild(clone); }; // this will change the selection, so reselect this.reset(); // return a reference to the clone return clone; }; this.selectionInsideNode = function(node) { /* returns a Boolean to indicate if the selection is resided inside the node */ var currnode = this.parentElement(); while (currnode) { if (currnode == node) { return true; }; currnode = currnode.parentNode; }; return false; }; }; function MozillaSelection(document) { this.document = document; this.selection = document.getWindow().getSelection(); this.selectNodeContents = function(node) { /* select the contents of a node */ this.selection.removeAllRanges(); this.selection.selectAllChildren(node); }; this.collapse = function(collapseToEnd) { try { if (!collapseToEnd) { this.selection.collapseToStart(); } else { this.selection.collapseToEnd(); }; } catch(e) {}; }; this.replaceWithNode = function(node, selectAfterPlace) { // XXX this should be on a range object /* replaces the current selection with a new node returns a reference to the inserted node newnode is the node to replace the content with, selectAfterPlace can either be a DOM node that should be selected after the new node was placed, or some value that resolves to true to select the placed node */ // get the first range of the selection // (there's almost always only one range) var range = this.selection.getRangeAt(0); // deselect everything this.selection.removeAllRanges(); // remove content of current selection from document range.deleteContents(); // get location of current selection var container = range.startContainer; var pos = range.startOffset; // make a new range for the new selection var range = this.document.getDocument().createRange(); if (container.nodeType == 3 && node.nodeType == 3) { // if we insert text in a textnode, do optimized insertion container.insertData(pos, node.nodeValue); // put cursor after inserted text range.setEnd(container, pos + node.length); range.setStart(container, pos + node.length); } else { var afterNode; if (container.nodeType == 3) { // when inserting into a textnode // we create 2 new textnodes // and put the node in between var textNode = container; var container = textNode.parentNode; var text = textNode.nodeValue; // text before the split var textBefore = text.substr(0,pos); // text after the split var textAfter = text.substr(pos); var beforeNode = this.document.getDocument().createTextNode(textBefore); afterNode = this.document.getDocument().createTextNode(textAfter); // insert the 3 new nodes before the old one container.insertBefore(afterNode, textNode); container.insertBefore(node, afterNode); container.insertBefore(beforeNode, node); // remove the old node container.removeChild(textNode); } else { // else simply insert the node afterNode = container.childNodes[pos]; if (afterNode) { container.insertBefore(node, afterNode); } else { container.appendChild(node); }; } range.setEnd(afterNode, 0); range.setStart(afterNode, 0); } if (selectAfterPlace) { // a bit implicit here, but I needed this to be backward // compatible and also I didn't want yet another argument, // JavaScript isn't as nice as Python in that respect (kwargs) // if selectAfterPlace is a DOM node, select all of that node's // contents, else select the newly added node's this.selection = this.document.getWindow().getSelection(); this.selection.addRange(range); if (selectAfterPlace.nodeType == 1) { this.selection.selectAllChildren(selectAfterPlace); } else { if (node.hasChildNodes()) { this.selection.selectAllChildren(node); } else { var range = this.selection.getRangeAt(0).cloneRange(); this.selection.removeAllRanges(); range.selectNode(node); this.selection.addRange(range); }; }; this.document.getWindow().focus(); }; return node; }; this.startOffset = function() { // XXX this should be on a range object var startnode = this.startNode(); var startnodeoffset = 0; if (startnode == this.selection.anchorNode) { startnodeoffset = this.selection.anchorOffset; } else { startnodeoffset = this.selection.focusOffset; }; var parentnode = this.parentElement(); if (startnode == parentnode) { return startnodeoffset; }; var currnode = parentnode.firstChild; var offset = 0; if (!currnode) { // 'Control range', range consists of a single element, so startOffset is 0 if (startnodeoffset != 0) { // just an assertion to see if my assumption about this case is right throw(_('Start node offset detected in a node without children!')); }; return 0; }; while (currnode != startnode) { if (currnode.nodeType == 3) { offset += currnode.nodeValue.length; }; currnode = currnode.nextSibling; }; return offset + startnodeoffset; }; this.startNode = function() { // XXX this should be on a range object var anode = this.selection.anchorNode; var aoffset = this.selection.anchorOffset; var onode = this.selection.focusNode; var ooffset = this.selection.focusOffset; var arange = this.document.getDocument().createRange(); arange.setStart(anode, aoffset); var orange = this.document.getDocument().createRange(); orange.setStart(onode, ooffset); return arange.compareBoundaryPoints('START_TO_START', orange) <= 0 ? anode : onode; }; this.endOffset = function() { // XXX this should be on a range object var endnode = this.endNode(); var endnodeoffset = 0; if (endnode = this.selection.focusNode) { endnodeoffset = this.selection.focusOffset; } else { endnodeoffset = this.selection.anchorOffset; }; var parentnode = this.parentElement(); var currnode = parentnode.firstChild; var offset = 0; if (parentnode == endnode) { for (var i=0; i < parentnode.childNodes.length; i++) { var child = parentnode.childNodes[i]; if (i == endnodeoffset) { return offset; }; if (child.nodeType == 3) { offset += child.nodeValue.length; }; }; }; if (!currnode) { // node doesn't have any content, so offset is always 0 if (endnodeoffset != 0) { // just an assertion to see if my assumption about this case is right var msg = _('End node offset detected in a node without ' + 'children!'); alert(msg); throw(msg); }; return 0; }; while (currnode != endnode) { if (currnode.nodeType == 3) { // should account for CDATA nodes as well offset += currnode.nodeValue.length; }; currnode = currnode.nextSibling; }; return offset + endnodeoffset; }; this.endNode = function() { // XXX this should be on a range object var anode = this.selection.anchorNode; var aoffset = this.selection.anchorOffset; var onode = this.selection.focusNode; var ooffset = this.selection.focusOffset; var arange = this.document.getDocument().createRange(); arange.setStart(anode, aoffset); var orange = this.document.getDocument().createRange(); orange.setStart(onode, ooffset); return arange.compareBoundaryPoints('START_TO_START', orange) > 0 ? anode : onode; }; this.getContentLength = function() { // XXX this should be on a range object return this.selection.toString().length; }; this.cutChunk = function(startOffset, endOffset) { // XXX this should be on a range object var range = this.selection.getRangeAt(0); // set start point var offsetParent = this.parentElement(); var currnode = offsetParent.firstChild; var curroffset = 0; var startparent = null; var startparentoffset = 0; while (currnode) { if (currnode.nodeType == 3) { // XXX need to add CDATA support var nodelength = currnode.nodeValue.length; if (curroffset + nodelength < startOffset) { curroffset += nodelength; } else { startparent = currnode; startparentoffset = startOffset - curroffset; break; }; }; currnode = currnode.nextSibling; }; // set end point var currnode = offsetParent.firstChild; var curroffset = 0; var endparent = null; var endoffset = 0; while (currnode) { if (currnode.nodeType == 3) { // XXX need to add CDATA support var nodelength = currnode.nodeValue.length; if (curroffset + nodelength < endOffset) { curroffset += nodelength; } else { endparent = currnode; endparentoffset = endOffset - curroffset; break; }; }; currnode = currnode.nextSibling; }; // now cut the chunk if (!startparent) { throw(_('Start offset out of range!')); }; if (!endparent) { throw(_('End offset out of range!')); }; var newrange = range.cloneRange(); newrange.setStart(startparent, startparentoffset); newrange.setEnd(endparent, endparentoffset); return newrange.extractContents(); }; this.getElementLength = function(element) { // XXX this should be a helper function var length = 0; var currnode = element.firstChild; while (currnode) { if (currnode.nodeType == 3) { // XXX should support CDATA as well length += currnode.nodeValue.length; }; currnode = currnode.nextSibling; }; return length; }; this.parentElement = function() { /* return the selected node (or the node containing the selection) */ // XXX this should be on a range object if (this.selection.rangeCount == 0) { var parent = this.document.getDocument().body; while (parent.firstChild) { parent = parent.firstChild; }; } else { var range = this.selection.getRangeAt(0); var parent = range.commonAncestorContainer; // the following deals with cases where only a single child is // selected, e.g. after a click on an image var inv = range.compareBoundaryPoints(Range.START_TO_END, range) < 0; var startNode = inv ? range.endContainer : range.startContainer; var startOffset = inv ? range.endOffset : range.startOffset; var endNode = inv ? range.startContainer : range.endContainer; var endOffset = inv ? range.startOffset : range.endOffset; var selectedChild = null; var child = parent.firstChild; while (child) { // XXX the additional conditions catch some invisible // intersections, but still not all of them if (range.intersectsNode(child) && !(child == startNode && startOffset == child.length) && !(child == endNode && endOffset == 0)) { if (selectedChild) { // current child is the second selected child found selectedChild = null; break; } else { // current child is the first selected child found selectedChild = child; }; } else if (selectedChild) { // current child is after the selection break; }; child = child.nextSibling; }; if (selectedChild) { parent = selectedChild; }; }; if (parent.nodeType == Node.TEXT_NODE) { parent = parent.parentNode; }; return parent; }; // deprecated alias of parentElement this.getSelectedNode = this.parentElement; this.moveStart = function(offset) { // XXX this should be on a range object var offsetparent = this.parentElement(); // the offset within the offsetparent var startoffset = this.startOffset(); var realoffset = offset + startoffset; if (realoffset >= 0) { var currnode = offsetparent.firstChild; var curroffset = 0; var startparent = null; var startoffset = 0; while (currnode) { if (currnode.nodeType == 3) { // XXX need to support CDATA sections var nodelength = currnode.nodeValue.length; if (curroffset + nodelength >= realoffset) { var range = this.selection.getRangeAt(0); //range.setEnd(this.endNode(), this.endOffset()); range.setStart(currnode, realoffset - curroffset); return; //this.selection.removeAllRanges(); //this.selection.addRange(range); }; }; currnode = currnode.nextSibling; }; // if we still haven't found the startparent we should walk to // all nodes following offsetparent as well var currnode = offsetparent.nextSibling; while (currnode) { if (currnode.nodeType == 3) { var nodelength = currnode.nodeValue.length; if (curroffset + nodelength >= realoffset) { var range = this.selection.getRangeAt(0); // XXX does IE switch the begin and end nodes here as well? var endnode = this.endNode(); var endoffset = this.endOffset(); range.setEnd(currnode, realoffset - curroffset); range.setStart(endnode, endoffset); return; }; curroffset += nodelength; }; currnode = currnode.nextSibling; }; throw(_('Offset out of document range')); } else if (realoffset < 0) { var currnode = offsetparent.prevSibling; var curroffset = 0; while (currnode) { if (currnode.nodeType == 3) { // XXX need to support CDATA sections var currlength = currnode.nodeValue.length; if (curroffset - currlength < realoffset) { var range = this.selection.getRangeAt(0); range.setStart(currnode, realoffset - curroffset); }; curroffset -= currlength; }; currnode = currnode.prevSibling; }; } else { var range = this.selection.getRangeAt(0); range.setStart(offsetparent, 0); //this.selection.removeAllRanges(); //this.selection.addRange(range); }; }; this.moveEnd = function(offset) { // XXX this should be on a range object }; this.reset = function() { this.selection = this.document.getWindow().getSelection(); }; this.cloneContents = function() { /* returns a document fragment with a copy of the contents */ var range = this.selection.getRangeAt(0); return range.cloneContents(); }; this.containsNode = function(node) { return this.selection.containsNode(node, true); } this.toString = function() { return this.selection.toString(); }; this.getRange = function() { return this.selection.getRangeAt(0); } this.restoreRange = function(range) { var selection = this.selection; selection.removeAllRanges(); selection.addRange(range); } }; MozillaSelection.prototype = new BaseSelection; function IESelection(document) { this.document = document; this.selection = document.getDocument().selection; /* If no selection in editable document, IE returns selection from * main page, so force an inner selection. */ var doc = document.getDocument(); var range = this.selection.createRange() var parent = this.selection.type=="Text" ? range.parentElement() : this.selection.type=="Control" ? range.parentElement : null; if(parent && parent.ownerDocument != doc) { var range = doc.body.createTextRange(); range.collapse(); range.select(); } this.selectNodeContents = function(node) { /* select the contents of a node */ // a bit nasty, when moveToElementText is called it will move the selection start // to just before the element instead of inside it, and since IE doesn't reserve // an index for the element itself as well the way to get it inside the element is // by moving the start one pos and then moving it back (yuck!) var range = this.selection.createRange().duplicate(); range.moveToElementText(node); range.moveStart('character', 1); range.moveStart('character', -1); range.moveEnd('character', -1); range.moveEnd('character', 1); range.select(); this.selection = this.document.getDocument().selection; }; this.collapse = function(collapseToEnd) { var range = this.selection.createRange(); range.collapse(!collapseToEnd); range.select(); this.selection = document.getDocument().selection; }; this.replaceWithNode = function(newnode, selectAfterPlace) { /* replaces the current selection with a new node returns a reference to the inserted node newnode is the node to replace the content with, selectAfterPlace can either be a DOM node that should be selected after the new node was placed, or some value that resolves to true to select the placed node */ if (this.selection.type == 'Control') { var range = this.selection.createRange(); range.item(0).parentNode.replaceChild(newnode, range.item(0)); for (var i=1; i < range.length; i++) { range.item(i).parentNode.removeChild(range[i]); }; if (selectAfterPlace) { var range = this.document.getDocument().body.createTextRange(); range.moveToElementText(newnode); range.select(); }; } else { var document = this.document.getDocument(); var range = this.selection.createRange(); range.pasteHTML(''); tempnode = document.getElementById('kupu-tempnode'); tempnode.replaceNode(newnode); if (selectAfterPlace) { // see MozillaSelection.replaceWithNode() for some comments about // selectAfterPlace if (selectAfterPlace.nodeType == Node.ELEMENT_NODE) { range.moveToElementText(selectAfterPlace); } else { range.moveToElementText(newnode); }; range.select(); }; }; this.reset(); return newnode; }; this.startOffset = function() { var startoffset = 0; var selrange = this.selection.createRange(); var parent = selrange.parentElement(); var elrange = selrange.duplicate(); elrange.moveToElementText(parent); var tempstart = selrange.duplicate(); while (elrange.compareEndPoints('StartToStart', tempstart) < 0) { startoffset++; tempstart.moveStart('character', -1); }; return startoffset; }; this.endOffset = function() { var endoffset = 0; var selrange = this.selection.createRange(); var parent = selrange.parentElement(); var elrange = selrange.duplicate(); elrange.moveToElementText(parent); var tempend = selrange.duplicate(); while (elrange.compareEndPoints('EndToEnd', tempend) > 0) { endoffset++; tempend.moveEnd('character', 1); }; return endoffset; }; this.getContentLength = function() { if (this.selection.type == 'Control') { return this.selection.createRange().length; }; var contentlength = 0; var range = this.selection.createRange(); var endrange = range.duplicate(); while (range.compareEndPoints('StartToEnd', endrange) < 0) { range.move('character', 1); contentlength++; }; return contentlength; }; this.cutChunk = function(startOffset, endOffset) { /* cut a chunk of HTML from the selection this *should* return the chunk of HTML but doesn't yet */ var range = this.selection.createRange().duplicate(); range.moveStart('character', startOffset); range.moveEnd('character', -endOffset); range.pasteHTML(''); // XXX here it should return the chunk }; this.getElementLength = function(element) { /* returns the length of an element *including* 1 char for each child element this is defined on the selection since it returns results that can be used to work with selection offsets */ var length = 0; var range = this.selection.createRange().duplicate(); range.moveToElementText(element); range.moveStart('character', 1); range.moveEnd('character', -1); var endpoint = range.duplicate(); endpoint.collapse(false); range.collapse(); while (!range.isEqual(endpoint)) { range.moveEnd('character', 1); range.moveStart('character', 1); length++; }; return length; }; this.parentElement = function() { /* return the selected node (or the node containing the selection) */ // XXX this should be on a range object if (this.selection.type == 'Control') { return this.selection.createRange().item(0); } else { return this.selection.createRange().parentElement(); }; }; // deprecated alias of parentElement this.getSelectedNode = this.parentElement; this.moveStart = function(offset) { /* move the start of the selection */ var range = this.selection.createRange(); range.moveStart('character', offset); range.select(); }; this.moveEnd = function(offset) { /* moves the end of the selection */ var range = this.selection.createRange(); range.moveEnd('character', offset); range.select(); }; this.reset = function() { this.selection = this.document.getDocument().selection; }; this.cloneContents = function() { /* returns a document fragment with a copy of the contents */ var contents = this.selection.createRange().htmlText; var doc = this.document.getDocument(); var docfrag = doc.createElement('span'); docfrag.innerHTML = contents; return docfrag; }; this.containsNode = function(node) { var selected = this.selection.createRange(); if (this.selection.type.toLowerCase()=='text') { var range = doc.body.createTextRange(); range.moveToElementText(node); if (selected.compareEndPoints('StartToEnd', range) >= 0 || selected.compareEndPoints('EndToStart', range) <= 0) { return false; } return true; } else { for (var i = 0; i < selected.length; i++) { if (selected.item(i).contains(node)) { return true; } } return false; } }; this.getRange = function() { return this.selection.createRange(); } this.restoreRange = function(range) { try { range.select(); } catch(e) { }; } this.toString = function() { return this.selection.createRange().text; }; }; IESelection.prototype = new BaseSelection; /* ContextFixer, fixes a problem with the prototype based model When a method is called in certain particular ways, for instance when it is used as an event handler, the context for the method is changed, so 'this' inside the method doesn't refer to the object on which the method is defined (or to which it is attached), but for instance to the element on which the method was bound to as an event handler. This class can be used to wrap such a method, the wrapper has one method that can be used as the event handler instead. The constructor expects at least 2 arguments, first is a reference to the method, second the context (a reference to the object) and optionally it can cope with extra arguments, they will be passed to the method as arguments when it is called (which is a nice bonus of using this wrapper). */ function ContextFixer(func, context) { /* Make sure 'this' inside a method points to its class */ this.func = func; this.context = context; this.args = arguments; var self = this; this.execute = function() { /* execute the method */ var args = new Array(); // the first arguments will be the extra ones of the class for (var i=0; i < self.args.length - 2; i++) { args.push(self.args[i + 2]); }; // the last are the ones passed on to the execute method for (var i=0; i < arguments.length; i++) { args.push(arguments[i]); }; return self.func.apply(self.context, args); }; }; /* Alternative implementation of window.setTimeout This is a singleton class, the name of the single instance of the object is 'timer_instance', which has one public method called registerFunction. This method takes at least 2 arguments: a reference to the function (or method) to be called and the timeout. Arguments to the function are optional arguments to the registerFunction method. Example: timer_instance.registerMethod(foo, 100, 'bar', 'baz'); will call the function 'foo' with the arguments 'bar' and 'baz' with a timeout of 100 milliseconds. Since the method doesn't expect a string but a reference to a function and since it can handle arguments that are resolved within the current namespace rather then in the global namespace, the method can be used to call methods on objects from within the object (so this.foo calls this.foo instead of failing to find this inside the global namespace) and since the arguments aren't strings which are resolved in the global namespace the arguments work as expected even inside objects. */ function Timer() { /* class that has a method to replace window.setTimeout */ this.lastid = 0; this.functions = {}; this.registerFunction = function(object, func, timeout) { /* register a function to be called with a timeout args: func - the function timeout - timeout in millisecs all other args will be passed 1:1 to the function when called */ var args = new Array(); for (var i=0; i < arguments.length - 3; i++) { args.push(arguments[i + 3]); } var id = this._createUniqueId(); this.functions[id] = new Array(object, func, args); setTimeout("timer_instance._handleFunction(" + id + ")", timeout); }; this._handleFunction = function(id) { /* private method that does the actual function call */ var obj = this.functions[id][0]; var func = this.functions[id][1]; var args = this.functions[id][2]; this.functions[id] = null; func.apply(obj, args); }; this._createUniqueId = function() { /* create a unique id to store the function by */ while (this.lastid in this.functions && this.functions[this.lastid]) { this.lastid++; if (this.lastid > 100000) { this.lastid = 0; } } return this.lastid; }; }; // create a timer instance in the global namespace, obviously this does some // polluting but I guess it's impossible to avoid... // OBVIOUSLY THIS VARIABLE SHOULD NEVER BE OVERWRITTEN!!! timer_instance = new Timer(); // helper function on the Array object to test for containment Array.prototype.contains = function(element, objectequality) { /* see if some value is in this */ for (var i=0; i < this.length; i++) { if (objectequality) { if (element === this[i]) { return true; }; } else { if (element == this[i]) { return true; }; }; }; return false; }; // return a copy of an array with doubles removed Array.prototype.removeDoubles = function() { var ret = []; for (var i=0; i < this.length; i++) { if (!ret.contains(this[i])) { ret.push(this[i]); }; }; return ret; }; Array.prototype.map = function(func) { /* apply 'func' to each element in the array */ for (var i=0; i < this.length; i++) { this[i] = func(this[i]); }; }; Array.prototype.reversed = function() { var ret = []; for (var i = this.length; i > 0; i--) { ret.push(this[i - 1]); }; return ret; }; // JavaScript has a friggin' blink() function, but not for string stripping... String.prototype.strip = function() { var stripspace = /^\s*([\s\S]*?)\s*$/; return stripspace.exec(this)[1]; }; String.prototype.reduceWhitespace = function() { /* returns a string in which all whitespace is reduced to a single, plain space */ var spacereg = /(\s+)/g; var copy = this; while (true) { var match = spacereg.exec(copy); if (!match) { return copy; }; copy = copy.replace(match[0], ' '); }; }; String.prototype.entitize = function() { var ret = this.replace(/&/g, '&'); ret = ret.replace(/"/g, '"'); ret = ret.replace(/'/g, '''); ret = ret.replace(//g, '>'); return ret; }; String.prototype.deentitize = function() { var ret = this.replace(/>/g, '>'); ret = ret.replace(/</g, '<'); ret = ret.replace(/"/g, '"'); ret = ret.replace(/'/g, "'"); ret = ret.replace(/&/g, '&'); return ret; }; String.prototype.urldecode = function() { var reg = /%([a-fA-F0-9]{2})/g; var str = this; while (true) { var match = reg.exec(str); if (!match || !match.length) { break; }; var repl = new RegExp(match[0], 'g'); str = str.replace(repl, String.fromCharCode(parseInt(match[1], 16))); }; return str; }; String.prototype.centerTruncate = function(maxlength) { if (this.length <= maxlength) { return this; }; var chunklength = maxlength / 2 - 3; var start = this.substr(0, chunklength); var end = this.substr(this.length - chunklength); return start + ' ... ' + end; }; //---------------------------------------------------------------------------- // Exceptions //---------------------------------------------------------------------------- function debug(str, win) { if (!win) { win = window; }; var doc = win.document; var div = doc.createElement('div'); div.appendChild(doc.createTextNode(str)); doc.getElementsByTagName('body')[0].appendChild(div); }; // XXX don't know if this is the regular way to define exceptions in JavaScript? function Exception() { return; }; // throw this as an exception inside an updateState handler to restart the // update, may be required in situations where updateState changes the structure // of the document (e.g. does a cleanup or so) UpdateStateCancelBubble = new Exception(); /***************************************************************************** * * Copyright (c) 2003-2005 Kupu Contributors. All rights reserved. * * This software is distributed under the terms of the Kupu * License. See LICENSE.txt for license text. For a list of Kupu * Contributors see CREDITS.txt. * *****************************************************************************/ // $Id: kupueditor.js 18104 2005-10-03 14:10:11Z duncan $ //---------------------------------------------------------------------------- // Main classes //---------------------------------------------------------------------------- /* KupuDocument This essentially wraps the iframe. XXX Is this overkill? */ function KupuDocument(iframe) { /* Model */ // attrs this.editable = iframe; // the iframe this.window = this.editable.contentWindow; this.document = this.window.document; this._browser = _SARISSA_IS_IE ? 'IE' : 'Mozilla'; // methods this.execCommand = function(command, arg) { /* delegate execCommand */ if (arg === undefined) arg = null; this.document.execCommand(command, false, arg); }; this.reloadSource = function() { /* reload the source */ // XXX To temporarily work around problems with resetting the // state after a reload, currently the whole page is reloaded. // XXX Nasty workaround!! to solve refresh problems... document.location = document.location; }; this.getDocument = function() { /* returns a reference to the window.document object of the iframe */ return this.document; }; this.getWindow = function() { /* returns a reference to the window object of the iframe */ return this.window; }; this.getSelection = function() { if (this._browser == 'Mozilla') { return new MozillaSelection(this); } else { return new IESelection(this); }; }; this.getEditable = function() { return this.editable; }; }; /* KupuEditor This controls the document, should be used from the UI. */ function KupuEditor(document, config, logger) { /* Controller */ // attrs this.document = document; // the model this.config = config; // an object that holds the config values this.log = logger; // simple logger object this.tools = {}; // mapping id->tool this.filters = new Array(); // contentfilters this._designModeSetAttempts = 0; this._initialized = false; // some properties to save the selection, required for IE to remember // where in the iframe the selection was this._previous_range = null; // this property is true if the content is changed, false if no changes // are made yet this.content_changed = false; // methods this.initialize = function() { /* Should be called on iframe.onload, will initialize the editor */ //DOM2Event.initRegistration(); this._initializeEventHandlers(); if (this.getBrowserName() == "IE") { var body = this.getInnerDocument().getElementsByTagName('body')[0]; body.setAttribute('contentEditable', 'true'); // provide an 'afterInit' method on KupuEditor.prototype // for additional bootstrapping (after editor init) this._initialized = true; if (this.afterInit) { this.afterInit(); }; this._saveSelection(); } else { this._setDesignModeWhenReady(); }; this.logMessage(_('Editor initialized')); }; this.setContextMenu = function(menu) { /* initialize the contextmenu */ menu.initialize(this); }; this.registerTool = function(id, tool) { /* register a tool */ this.tools[id] = tool; tool.initialize(this); }; this.getTool = function(id) { /* get a tool by id */ return this.tools[id]; }; this.registerFilter = function(filter) { /* register a content filter method the method will be called together with any other registered filters before the content is saved to the server, the methods can be used to filter any trash out of the content. they are called with 1 argument, which is a reference to the rootnode of the content tree (the html node) */ this.filters.push(filter); filter.initialize(this); }; this.updateStateHandler = function(event) { /* check whether the event is interesting enough to trigger the updateState machinery and act accordingly */ var interesting_codes = new Array(8, 13, 37, 38, 39, 40, 46); // unfortunately it's not possible to do this on blur, since that's // too late. also (some versions of?) IE 5.5 doesn't support the // onbeforedeactivate event, which would be ideal here... this._saveSelection(); if (event.type == 'click' || event.type=='mouseup' || (event.type == 'keyup' && interesting_codes.contains(event.keyCode))) { // Filthy trick to make the updateState method get called *after* // the event has been resolved. This way the updateState methods can // react to the situation *after* any actions have been performed (so // can actually stay up to date). this.updateState(event); } }; this.updateState = function(event) { /* let each tool change state if required */ // first see if the event is interesting enough to trigger // the whole updateState machinery var selNode = this.getSelectedNode(); for (var id in this.tools) { try { this.tools[id].updateState(selNode, event); } catch (e) { if (e == UpdateStateCancelBubble) { this.updateState(event); break; } else { this.logMessage( _('Exception while processing updateState on ' + '${id}: ${msg}', {'id': id, 'msg': e}), 2); }; }; }; }; this.saveDocument = function(redirect, synchronous) { /* save the document the (optional) redirect argument can be used to make the client jump to another URL when the save action was successful. synchronous is a boolean to allow sync saving (usually better to not save synchronous, since it may make browsers freeze on errors, this is used for saveOnPart, though) */ // if no dst is available, bail out if (!this.config.dst) { this.logMessage(_('No destination URL available!'), 2); return; } var sourcetool = this.getTool('sourceedittool'); if (sourcetool) {sourcetool.cancelSourceMode();}; // make sure people can't edit or save during saving if (!this._initialized) { return; } this._initialized = false; // set the window status so people can see we're actually saving window.status= _("Please wait while saving document..."); // call (optional) beforeSave() method on all tools for (var id in this.tools) { var tool = this.tools[id]; if (tool.beforeSave) { try { tool.beforeSave(); } catch(e) { alert(e); this._initialized = true; return; }; }; }; // pass the content through the filters this.logMessage(_("Starting HTML cleanup")); var transform = this._filterContent(this.getInnerDocument().documentElement); // serialize to a string var contents = this._serializeOutputToString(transform); this.logMessage(_("Cleanup done, sending document to server")); var request = new XMLHttpRequest(); if (!synchronous) { request.onreadystatechange = (new ContextFixer(this._saveCallback, this, request, redirect)).execute; request.open("PUT", this.config.dst, true); request.setRequestHeader("Content-type", this.config.content_type); request.send(contents); this.logMessage(_("Request sent to server")); } else { this.logMessage(_('Sending request to server')); request.open("PUT", this.config.dst, false); request.setRequestHeader("Content-type", this.config.content_type); request.send(contents); this.handleSaveResponse(request,redirect) }; }; this.prepareForm = function(form, id) { /* add a field to the form and place the contents in it can be used for simple POST support where Kupu is part of a form */ var sourcetool = this.getTool('sourceedittool'); if (sourcetool) {sourcetool.cancelSourceMode();}; // make sure people can't edit or save during saving if (!this._initialized) { return; } this._initialized = false; // set the window status so people can see we're actually saving window.status= _("Please wait while saving document..."); // call (optional) beforeSave() method on all tools for (var tid in this.tools) { var tool = this.tools[tid]; if (tool.beforeSave) { try { tool.beforeSave(); } catch(e) { alert(e); this._initialized = true; return; }; }; }; // set a default id if (!id) { id = 'kupu'; }; // pass the content through the filters this.logMessage(_("Starting HTML cleanup")); var transform = this._filterContent(this.getInnerDocument().documentElement); // XXX need to fix this. Sometimes a spurious "\n\n" text // node appears in the transform, which breaks the Moz // serializer on .xml var contents = this._serializeOutputToString(transform); this.logMessage(_("Cleanup done, sending document to server")); // now create the form input, since IE 5.5 doesn't support the // ownerDocument property we use window.document as a fallback (which // will almost by definition be correct). var document = form.ownerDocument ? form.ownerDocument : window.document; var ta = document.createElement('textarea'); ta.style.visibility = 'hidden'; var text = document.createTextNode(contents); ta.appendChild(text); ta.setAttribute('name', id); // and add it to the form form.appendChild(ta); // let the calling code know we have added the textarea return true; }; this.execCommand = function(command, param) { /* general stuff like making current selection bold, italics etc. and adding basic elements such as lists */ if (!this._initialized) { this.logMessage(_('Editor not initialized yet!')); return; }; if (this.getBrowserName() == "IE") { this._restoreSelection(); } else { this.focusDocument(); if (command != 'useCSS') { this.content_changed = true; // note the negation: the argument doesn't work as // expected... // Done here otherwise it doesn't always work or gets lost // after some commands this.getDocument().execCommand('useCSS', !this.config.use_css); }; }; this.getDocument().execCommand(command, param); var message = _('Command ${command} executed', {'command': command}); if (param) { message = _('Command ${command} executed with parameter ${param}', {'command': command, 'param': param}); } this.updateState(); this.logMessage(message); }; this.getSelection = function() { /* returns a Selection object wrapping the current selection */ this._restoreSelection(); return this.getDocument().getSelection(); }; this.getSelectedNode = function() { /* returns the selected node (read: parent) or none */ return this.getSelection().parentElement(); }; this.getNearestParentOfType = function(node, type) { /* well the title says it all ;) */ var type = type.toLowerCase(); while (node) { if (node.nodeName.toLowerCase() == type) { return node } var node = node.parentNode; } return false; }; this.removeNearestParentOfType = function(node, type) { var nearest = this.getNearestParentOfType(node, type); if (!nearest) { return false; }; var parent = nearest.parentNode; while (nearest.childNodes.length) { var child = nearest.firstChild; child = nearest.removeChild(child); parent.insertBefore(child, nearest); }; parent.removeChild(nearest); }; this.getDocument = function() { /* returns a reference to the document object that wraps the iframe */ return this.document; }; this.getInnerDocument = function() { /* returns a reference to the window.document object of the iframe */ return this.getDocument().getDocument(); }; this.insertNodeAtSelection = function(insertNode, selectNode) { /* insert a newly created node into the document */ if (!this._initialized) { this.logMessage(_('Editor not initialized yet!')); return; }; this.content_changed = true; var browser = this.getBrowserName(); if (browser != "IE") { this.focusDocument(); }; var ret = this.getSelection().replaceWithNode(insertNode, selectNode); this._saveSelection(); return ret; }; this.focusDocument = function() { this.getDocument().getWindow().focus(); } this.logMessage = function(message, severity) { /* log a message using the logger, severity can be 0 (message, default), 1 (warning) or 2 (error) */ this.log.log(message, severity); }; this.registerContentChanger = function(element) { /* set this.content_changed to true (marking the content changed) when the element's onchange is called */ addEventHandler(element, 'change', function() {this.content_changed = true;}, this); }; // helper methods this.getBrowserName = function() { /* returns either 'Mozilla' (for Mozilla, Firebird, Netscape etc.) or 'IE' */ if (_SARISSA_IS_MOZ) { return "Mozilla"; } else if (_SARISSA_IS_IE) { return "IE"; } else { throw _("Browser not supported!"); } }; this.handleSaveResponse = function(request, redirect) { // mind the 1223 status, somehow IE gives that sometimes (on 204?) // at first we didn't want to add it here, since it's a specific IE // bug, but too many users had trouble with it... if (request.status != '200' && request.status != '204' && request.status != '1223') { var msg = _('Error saving your data.\nResponse status: ' + '${status}.\nCheck your server log for more ' + 'information.', {'status': request.status}); alert(msg); window.status = _("Error saving document"); } else if (redirect) { // && (!request.status || request.status == '200' || request.status == '204')) window.document.location = redirect; this.content_changed = false; } else { // clear content_changed before reloadSrc so saveOnPart is not triggered this.content_changed = false; if (this.config.reload_after_save) { this.reloadSrc(); }; // we're done so we can start editing again window.status= _("Document saved"); }; this._initialized = true; }; // private methods this._addEventHandler = addEventHandler; this._saveCallback = function(request, redirect) { /* callback for Sarissa */ if (request.readyState == 4) { this.handleSaveResponse(request, redirect) }; }; this.reloadSrc = function() { /* reload the src, called after a save when reload_src is set to true */ // XXX Broken!!! /* if (this.getBrowserName() == "Mozilla") { this.getInnerDocument().designMode = "Off"; } */ // XXX call reloadSrc() which has a workaround, reloads the full page // instead of just the iframe... this.getDocument().reloadSource(); if (this.getBrowserName() == "Mozilla") { this.getInnerDocument().designMode = "On"; }; /* var selNode = this.getSelectedNode(); this.updateState(selNode); */ }; this._initializeEventHandlers = function() { /* attache the event handlers to the iframe */ // Initialize DOM2Event compatibility // XXX should come back and change to passing in an element this._addEventHandler(this.getInnerDocument(), "click", this.updateStateHandler, this); this._addEventHandler(this.getInnerDocument(), "dblclick", this.updateStateHandler, this); this._addEventHandler(this.getInnerDocument(), "keyup", this.updateStateHandler, this); this._addEventHandler(this.getInnerDocument(), "keyup", function() {this.content_changed = true}, this); this._addEventHandler(this.getInnerDocument(), "mouseup", this.updateStateHandler, this); }; this._setDesignModeWhenReady = function() { /* Rather dirty polling loop to see if Mozilla is done doing it's initialization thing so design mode can be set. */ this._designModeSetAttempts++; if (this._designModeSetAttempts > 25) { alert(_('Couldn\'t set design mode. Kupu will not work on this browser.')); return; }; var success = false; try { this._setDesignMode(); success = true; } catch (e) { // register a function to the timer_instance because // window.setTimeout can't refer to 'this'... timer_instance.registerFunction(this, this._setDesignModeWhenReady, 100); }; if (success) { // provide an 'afterInit' method on KupuEditor.prototype // for additional bootstrapping (after editor init) if (this.afterInit) { this.afterInit(); }; }; }; this._setDesignMode = function() { this.getInnerDocument().designMode = "On"; this.execCommand("undo"); // note the negation: the argument doesn't work as expected... this._initialized = true; }; this._saveSelection = function() { /* Save the selection, works around a problem with IE where the selection in the iframe gets lost. We only save if the current selection in the document */ if (this._isDocumentSelected()) { var currange = this.getInnerDocument().selection.createRange(); this._previous_range = currange; }; }; this._restoreSelection = function() { /* re-selects the previous selection in IE. We only restore if the current selection is not in the document.*/ if (this._previous_range && !this._isDocumentSelected()) { try { this._previous_range.select(); } catch (e) { alert("Error placing back selection"); this.logMessage(_('Error placing back selection')); }; }; }; if (this.getBrowserName() != "IE") { this._saveSelection = function() {}; this._restoreSelection = function() {}; } this._isDocumentSelected = function() { var editable_body = this.getInnerDocument().getElementsByTagName('body')[0]; try { var selrange = this.getInnerDocument().selection.createRange(); } catch(e) { return false; } var someelement = selrange.parentElement ? selrange.parentElement() : selrange.item(0); while (someelement.nodeName.toLowerCase() != 'body') { someelement = someelement.parentNode; }; return someelement == editable_body; }; this._clearSelection = function() { /* clear the last stored selection */ this._previous_range = null; }; this._filterContent = function(documentElement) { /* pass the content through all the filters */ // first copy all nodes to a Sarissa document so it's usable var xhtmldoc = Sarissa.getDomDocument(); var doc = this._convertToSarissaNode(xhtmldoc, documentElement); // now pass it through all filters for (var i=0; i < this.filters.length; i++) { var doc = this.filters[i].filter(xhtmldoc, doc); }; // fix some possible structural problems, such as an empty or missing head, title // or script or textarea tags without closing tag... this._fixXML(doc, xhtmldoc); return doc; }; this.getXMLBody = function(transform) { var bodies = transform.getElementsByTagName('body'); var data = ''; for (var i = 0; i < bodies.length; i++) { data += Sarissa.serialize(bodies[i]); } return this.escapeEntities(data); }; this.getHTMLBody = function() { var doc = this.getInnerDocument(); var docel = doc.documentElement; var bodies = docel.getElementsByTagName('body'); var data = ''; for (var i = 0; i < bodies.length; i++) { data += bodies[i].innerHTML; } return this.escapeEntities(data); }; // If we have multiple bodies this needs to remove the extras. this.setHTMLBody = function(text) { var bodies = this.getInnerDocument().documentElement.getElementsByTagName('body'); for (var i = 0; i < bodies.length-1; i++) { bodies[i].parentNode.removeChild(bodies[i]); } bodies[bodies.length-1].innerHTML = text; }; this._fixXML = function(doc, document) { /* fix some structural problems in the XML that make it invalid XTHML */ // find if we have a head and title, and if not add them var heads = doc.getElementsByTagName('head'); var titles = doc.getElementsByTagName('title'); if (!heads.length) { // assume we have a body, guess Kupu won't work without one anyway ;) var body = doc.getElementsByTagName('body')[0]; var head = document.createElement('head'); body.parentNode.insertBefore(head, body); var title = document.createElement('title'); var titletext = document.createTextNode(''); head.appendChild(title); title.appendChild(titletext); } else if (!titles.length) { var head = heads[0]; var title = document.createElement('title'); var titletext = document.createTextNode(''); head.appendChild(title); title.appendChild(titletext); }; // create a closing element for all elements that require one in XHTML var dualtons = new Array('a', 'abbr', 'acronym', 'address', 'applet', 'b', 'bdo', 'big', 'blink', 'blockquote', 'button', 'caption', 'center', 'cite', 'comment', 'del', 'dfn', 'dir', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'font', 'form', 'frameset', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'i', 'iframe', 'ins', 'kbd', 'label', 'legend', 'li', 'listing', 'map', 'marquee', 'menu', 'multicol', 'nobr', 'noembed', 'noframes', 'noscript', 'object', 'ol', 'optgroup', 'option', 'p', 'pre', 'q', 's', 'script', 'select', 'small', 'span', 'strike', 'strong', 'style', 'sub', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'title', 'tr', 'tt', 'u', 'ul', 'xmp'); // XXX I reckon this is *way* slow, can we use XPath instead or // something to speed this up? for (var i=0; i < dualtons.length; i++) { var elname = dualtons[i]; var els = doc.getElementsByTagName(elname); for (var j=0; j < els.length; j++) { var el = els[j]; if (!el.hasChildNodes()) { var child = document.createTextNode(''); el.appendChild(child); }; }; }; }; this.xhtmlvalid = new XhtmlValidation(this); this._convertToSarissaNode = function(ownerdoc, htmlnode) { /* Given a string of non-well-formed HTML, return a string of well-formed XHTML. This function works by leveraging the already-excellent HTML parser inside the browser, which generally can turn a pile of crap into a DOM. We iterate over the HTML DOM, appending new nodes (elements and attributes) into a node. The primary problems this tries to solve for crappy HTML: mixed element names, elements that open but don't close, and attributes that aren't in quotes. This can also be adapted to filter out tags that you don't want and clean up inline styles. Inspired by Guido, adapted by Paul from something in usenet. Tag and attribute tables added by Duncan */ return this.xhtmlvalid._convertToSarissaNode(ownerdoc, htmlnode); }; this._fixupSingletons = function(xml) { return xml.replace(/<([^>]+)\/>/g, "<$1 />"); } this._serializeOutputToString = function(transform) { // XXX need to fix this. Sometimes a spurious "\n\n" text // node appears in the transform, which breaks the Moz // serializer on .xml if (this.config.strict_output) { var contents = '\n' + '' + Sarissa.serialize(transform.getElementsByTagName("head")[0]) + Sarissa.serialize(transform.getElementsByTagName("body")[0]) + ''; } else { var contents = '' + Sarissa.serialize(transform.getElementsByTagName("head")[0]) + Sarissa.serialize(transform.getElementsByTagName("body")[0]) + ''; }; contents = this.escapeEntities(contents); if (this.config.compatible_singletons) { contents = this._fixupSingletons(contents); }; return contents; }; this.escapeEntities = function(xml) { // XXX: temporarily disabled return xml; // Escape non-ascii characters as entities. return xml.replace(/[^\r\n -\177]/g, function(c) { return '&#'+c.charCodeAt(0)+';'; }); } this.getFullEditor = function() { var fulleditor = this.getDocument().getEditable(); while (!/kupu-fulleditor/.test(fulleditor.className)) { fulleditor = fulleditor.parentNode; } return fulleditor; } // Control the className and hence the style for the whole editor. this.setClass = function(name) { this.getFullEditor().className += ' '+name; } this.clearClass = function(name) { var fulleditor = this.getFullEditor(); fulleditor.className = fulleditor.className.replace(' '+name, ''); } this.suspendEditing = function() { this._previous_range = this.getSelection().getRange(); this.setClass('kupu-modal'); for (var id in this.tools) { this.tools[id].disable(); } if (this.getBrowserName() == "IE") { var body = this.getInnerDocument().getElementsByTagName('body')[0]; body.setAttribute('contentEditable', 'false'); } else { this.getInnerDocument().designMode = "Off"; var iframe = this.getDocument().getEditable(); iframe.style.position = iframe.style.position?"":"relative"; // Changing this disables designMode! } this.suspended = true; } this.resumeEditing = function() { if (!this.suspended) { return; } this.suspended = false; this.clearClass('kupu-modal'); for (var id in this.tools) { this.tools[id].enable(); } if (this.getBrowserName() == "IE") { this._restoreSelection(); var body = this.getInnerDocument().getElementsByTagName('body')[0]; body.setAttribute('contentEditable', 'true'); } else { var doc = this.getInnerDocument(); doc.designMode = "On"; this.getSelection().restoreRange(this._previous_range); } } } /***************************************************************************** * * Copyright (c) 2003-2005 Kupu Contributors. All rights reserved. * * This software is distributed under the terms of the Kupu * License. See LICENSE.txt for license text. For a list of Kupu * Contributors see CREDITS.txt. * *****************************************************************************/ // $Id: kupubasetools.js 27123 2006-05-12 10:19:22Z duncan $ //---------------------------------------------------------------------------- // // Toolboxes // // These are addons for Kupu, simple plugins that implement a certain // interface to provide functionality and control view aspects. // //---------------------------------------------------------------------------- //---------------------------------------------------------------------------- // Superclasses //---------------------------------------------------------------------------- function KupuTool() { /* Superclass (or actually more of an interface) for tools Tools must implement at least an initialize method and an updateState method, and can implement other methods to add certain extra functionality (e.g. createContextMenuElements). */ this.toolboxes = {}; // methods this.initialize = function(editor) { /* Initialize the tool. Obviously this can be overriden but it will do for the most simple cases */ this.editor = editor; }; this.registerToolBox = function(id, toolbox) { /* register a ui box Note that this needs to be called *after* the tool has been registered to the KupuEditor */ this.toolboxes[id] = toolbox; toolbox.initialize(this, this.editor); }; this.updateState = function(selNode, event) { /* Is called when user moves cursor to other element Calls the updateState for all toolboxes and may want perform some actions itself */ for (id in this.toolboxes) { this.toolboxes[id].updateState(selNode, event); }; }; this.enable = function() { // Called when the tool is enabled after a form is dismissed. } this.disable = function() { // Called when the tool is disabled (e.g. for a modal form) } // private methods addEventHandler = addEventHandler; this._selectSelectItem = function(select, item) { this.editor.logMessage(_('Deprecation warning: KupuTool._selectSelectItem')); }; this._fixTabIndex = function(element) { var tabIndex = this.editor.getDocument().getEditable().tabIndex-1; if (tabIndex && !element.tabIndex) { element.tabIndex = tabIndex; } } } function KupuToolBox() { /* Superclass for a user-interface object that controls a tool */ this.initialize = function(tool, editor) { /* store a reference to the tool and the editor */ this.tool = tool; this.editor = editor; }; this.updateState = function(selNode, event) { /* update the toolbox according to the current iframe's situation */ }; this._selectSelectItem = function(select, item) { this.editor.logMessage(_('Deprecation warning: KupuToolBox._selectSelectItem')); }; }; function NoContextMenu(object) { /* Decorator for a tool to suppress the context menu */ object.createContextMenuElements = function(selNode, event) { return []; } return object; } // Helper function for enabling/disabling tools function KupuButtonDisable(button) { button = button || this.button; button.disabled = "disabled"; button.className += ' disabled'; } function KupuButtonEnable(button) { button = button || this.button; button.disabled = ""; button.className = button.className.replace(/ *\bdisabled\b/g, ''); } //---------------------------------------------------------------------------- // Implementations //---------------------------------------------------------------------------- function KupuButton(buttonid, commandfunc, tool) { /* Base prototype for kupu button tools */ this.buttonid = buttonid; this.button = getFromSelector(buttonid); this.commandfunc = commandfunc; this.tool = tool; this.initialize = function(editor) { this.editor = editor; this._fixTabIndex(this.button); addEventHandler(this.button, 'click', this.execCommand, this); }; this.execCommand = function() { /* exec this button's command */ this.commandfunc(this, this.editor, this.tool); }; this.updateState = function(selNode, event) { /* override this in subclasses to determine whether a button should look 'pressed in' or not */ }; this.disable = KupuButtonDisable; this.enable = KupuButtonEnable; }; KupuButton.prototype = new KupuTool; function KupuStateButton(buttonid, commandfunc, checkfunc, offclass, onclass) { /* A button that can have two states (e.g. pressed and not-pressed) based on CSS classes */ this.buttonid = buttonid; this.button = getFromSelector(buttonid); this.commandfunc = commandfunc; this.checkfunc = checkfunc; this.offclass = offclass; this.onclass = onclass; this.pressed = false; this.execCommand = function() { /* exec this button's command */ this.button.className = (this.pressed ? this.offclass : this.onclass); this.pressed = !this.pressed; this.editor.focusDocument(); this.commandfunc(this, this.editor); }; this.updateState = function(selNode, event) { /* check if we need to be clicked or unclicked, and update accordingly if the state of the button should be changed, we set the class */ var currclass = this.button.className; var newclass = null; if (this.checkfunc(selNode, this, this.editor, event)) { newclass = this.onclass; this.pressed = true; } else { newclass = this.offclass; this.pressed = false; }; if (currclass != newclass) { this.button.className = newclass; }; }; }; KupuStateButton.prototype = new KupuButton; /* Same as the state button, but the focusDocument call is delayed. * Mozilla&Firefox have a bug on windows which can cause a crash if you * change CSS positioning styles on an element which has focus. */ function KupuLateFocusStateButton(buttonid, commandfunc, checkfunc, offclass, onclass) { KupuStateButton.apply(this, [buttonid, commandfunc, checkfunc, offclass, onclass]); this.execCommand = function() { /* exec this button's command */ this.button.className = (this.pressed ? this.offclass : this.onclass); this.pressed = !this.pressed; this.commandfunc(this, this.editor); this.editor.focusDocument(); }; } KupuLateFocusStateButton.prototype = new KupuStateButton; function KupuRemoveElementButton(buttonid, element_name, cssclass) { /* A button specialized in removing elements in the current node context. Typical usages include removing links, images, etc. */ this.button = getFromSelector(buttonid); this.onclass = 'invisible'; this.offclass = cssclass; this.pressed = false; this.commandfunc = function(button, editor) { editor.removeNearestParentOfType(editor.getSelectedNode(), element_name); }; this.checkfunc = function(currnode, button, editor, event) { var element = editor.getNearestParentOfType(currnode, element_name); return (element ? false : true); }; }; KupuRemoveElementButton.prototype = new KupuStateButton; function KupuUI(textstyleselectid) { /* View This is the main view, which controls most of the toolbar buttons. Even though this is probably never going to be removed from the view, it was easier to implement this as a plain tool (plugin) as well. */ // attributes this.tsselect = getFromSelector(textstyleselectid); var paraoptions = []; var tableoptions = []; this.optionstate = -1; this.otherstyle = null; this.tablestyles = {}; this.styles = {}; // use an object here so we can use the 'in' operator later on this.initialize = function(editor) { /* initialize the ui like tools */ this.editor = editor; this.cleanStyles(); this.enableOptions(false); this._fixTabIndex(this.tsselect); this._selectevent = addEventHandler(this.tsselect, 'change', this.setTextStyleHandler, this); }; this.getStyles = function() { if (!paraoptions) { this.cleanStyles(); } return [ paraoptions, tableoptions ]; } this.setTextStyleHandler = function(event) { this.setTextStyle(this.tsselect.options[this.tsselect.selectedIndex].value); }; // event handlers this.basicButtonHandler = function(action) { /* event handler for basic actions (toolbar buttons) */ this.editor.execCommand(action); this.editor.updateState(); }; this.saveButtonHandler = function() { /* handler for the save button */ this.editor.saveDocument(); }; this.saveAndExitButtonHandler = function(redirect_url) { /* save the document and, if successful, redirect */ this.editor.saveDocument(redirect_url); }; this.cutButtonHandler = function() { try { this.editor.execCommand('Cut'); } catch (e) { if (this.editor.getBrowserName() == 'Mozilla') { alert(_('Cutting from JavaScript is disabled on your Mozilla due to security settings. For more information, read http://www.mozilla.org/editor/midasdemo/securityprefs.html')); } else { throw e; }; }; this.editor.updateState(); }; this.copyButtonHandler = function() { try { this.editor.execCommand('Copy'); } catch (e) { if (this.editor.getBrowserName() == 'Mozilla') { alert(_('Copying from JavaScript is disabled on your Mozilla due to security settings. For more information, read http://www.mozilla.org/editor/midasdemo/securityprefs.html')); } else { throw e; }; }; this.editor.updateState(); }; this.pasteButtonHandler = function() { try { this.editor.execCommand('Paste'); } catch (e) { if (this.editor.getBrowserName() == 'Mozilla') { alert(_('Pasting from JavaScript is disabled on your Mozilla due to security settings. For more information, read http://www.mozilla.org/editor/midasdemo/securityprefs.html')); } else { throw e; }; }; this.editor.updateState(); }; this.cleanStyles = function() { var options = this.tsselect.options; var parastyles = this.styles; var tablestyles = this.tablestyles; tableoptions.push([options[0].text, 'td|']); tablestyles['td'] = 0; paraoptions.push([options[0].text, 'p|']); parastyles['p'] = 0; while (options.length > 1) { opt = options[1]; var v = opt.value.toLowerCase(); if (/^thead|tbody|table|t[rdh]\b/.test(v)) { var otable = tableoptions; var styles = tablestyles; } else { var otable = paraoptions; var styles = parastyles; } if (v.indexOf('|') > -1) { var split = v.split('|'); v = split[0].toLowerCase() + "|" + split[1]; } else { v = v.toLowerCase()+"|"; }; otable.push([opt.text, v]); styles[v] = otable.length - 1; options[1] = null; } options[0] = null; } // Remove otherstyle and switch to appropriate style set. this.enableOptions = function(inTable) { var select = this.tsselect; var options = select.options; if (this.otherstyle) { options[options.length-1] = null; this.otherstyle = null; } if (this.optionstate == inTable) return; /* No change */ var valid = inTable ? tableoptions : paraoptions; while (options.length) options[0] = null; this.otherstyle = null; for (var i = 0; i < valid.length; i++) { var opt = document.createElement('option'); opt.text = valid[i][0]; opt.value = valid[i][1]; options.add(opt); } select.selectedIndex = 0; this.optionstate = inTable; } this.setIndex = function(currnode, tag, index, styles) { var className = currnode.className; this.styletag = tag; this.classname = className; var style = tag+'|'+className; if (style in styles) { return styles[style]; } else if (!className && tag in styles) { return styles[tag]; } return index; } this.nodeStyle = function(node) { var currnode = node; var index = -1; var options = this.tsselect.options; this.styletag = undefined; this.classname = ''; this.intable = false; while (currnode) { var tag = currnode.nodeName.toLowerCase(); if (/^body$/.test(tag)) { if (!this.styletag) { // Force style setting //this.setTextStyle(options[0].value, true); // Forced style messes up in Firefox: return -1 to // indicate no style return -1; } break; } if (/^(p|div|h.|ul|ol|dl|menu|dir|pre|blockquote|address|center)$/.test(tag)) { index = this.setIndex(currnode, tag, index, this.styles); } if (/^thead|tbody|table|t[rdh]$/.test(tag)) { this.intable = true; index = this.setIndex(currnode, tag, index, this.tablestyles); if (index > 0 || tag=='table') { return index; // Stop processing if in a table } } currnode = currnode.parentNode; } return index; } this.updateState = function(selNode) { /* set the text-style pulldown */ // first get the nearest style // search the list of nodes like in the original one, break if we encounter a match, // this method does some more than the original one since it can handle commands in // the form of '