-/****\r
- * This page contains some general usefull functions for javascript\r
- *\r
- ****/ \r
- \r
- \r
- // need to redefine this functiondue to IE problem\r
- function getAttribute( elm, aName ) {\r
- var aValue,taName,i;\r
- try{\r
- aValue = elm.getAttribute( aName );\r
- }catch(exept){}\r
- \r
- if( ! aValue ){\r
- for( i = 0; i < elm.attributes.length; i ++ ) {\r
- taName = elm.attributes[i] .name.toLowerCase();\r
- if( taName == aName ) {\r
- aValue = elm.attributes[i] .value;\r
- return aValue;\r
- }\r
- }\r
- }\r
- return aValue;\r
- };\r
- \r
- // need to redefine this function due to IE problem\r
- function setAttribute( elm, attr, val ) {\r
- if(attr=="class"){\r
- elm.setAttribute("className", val);\r
- elm.setAttribute("class", val);\r
- }else{\r
- elm.setAttribute(attr, val);\r
- }\r
- };\r
- \r
- /* return a child element\r
- elem: element we are searching in\r
- elem_type: type of the eleemnt we are searching (DIV, A, etc...)\r
- elem_attribute: attribute of the searched element that must match\r
- elem_attribute_match: value that elem_attribute must match\r
- option: "all" if must return an array of all children, otherwise return the first match element\r
- depth: depth of search (-1 or no set => unlimited)\r
- */\r
- function getChildren(elem, elem_type, elem_attribute, elem_attribute_match, option, depth)\r
- { \r
- if(!option)\r
- var option="single";\r
- if(!depth)\r
- var depth=-1;\r
- if(elem){\r
- var children= elem.childNodes;\r
- var result=null;\r
- var results= [];\r
- for (var x=0;x<children.length;x++) {\r
- strTagName = new String(children[x].tagName);\r
- children_class="?";\r
- if(strTagName!= "undefined"){\r
- child_attribute= getAttribute(children[x],elem_attribute);\r
- if((strTagName.toLowerCase()==elem_type.toLowerCase() || elem_type=="") && (elem_attribute=="" || child_attribute==elem_attribute_match)){\r
- if(option=="all"){\r
- results.push(children[x]);\r
- }else{\r
- return children[x];\r
- }\r
- }\r
- if(depth!=0){\r
- result=getChildren(children[x], elem_type, elem_attribute, elem_attribute_match, option, depth-1);\r
- if(option=="all"){\r
- if(result.length>0){\r
- results= results.concat(result);\r
- }\r
- }else if(result!=null){ \r
- return result;\r
- }\r
- }\r
- }\r
- }\r
- if(option=="all")\r
- return results;\r
- }\r
- return null;\r
- }; \r
- \r
- function isChildOf(elem, parent){\r
- if(elem){\r
- if(elem==parent)\r
- return true;\r
- while(elem.parentNode != 'undefined'){\r
- return isChildOf(elem.parentNode, parent);\r
- }\r
- }\r
- return false;\r
- };\r
- \r
- function getMouseX(e){\r
-\r
- if(e!=null && typeof(e.pageX)!="undefined"){\r
- return e.pageX;\r
- }else{\r
- return (e!=null?e.x:event.x)+ document.documentElement.scrollLeft;\r
- }\r
- };\r
- \r
- function getMouseY(e){\r
- if(e!=null && typeof(e.pageY)!="undefined"){\r
- return e.pageY;\r
- }else{\r
- return (e!=null?e.y:event.y)+ document.documentElement.scrollTop;\r
- }\r
- };\r
- \r
- function calculeOffsetLeft(r){\r
- return calculeOffset(r,"offsetLeft")\r
- };\r
- \r
- function calculeOffsetTop(r){\r
- return calculeOffset(r,"offsetTop")\r
- };\r
- \r
- function calculeOffset(element,attr){\r
- var offset=0;\r
- while(element){\r
- offset+=element[attr];\r
- element=element.offsetParent\r
- }\r
- return offset;\r
- };\r
- \r
- /** return the computed style\r
- * @param: elem: the reference to the element\r
- * @param: prop: the name of the css property \r
- */\r
- function get_css_property(elem, prop)\r
- {\r
- if(document.defaultView)\r
- {\r
- return document.defaultView.getComputedStyle(elem, null).getPropertyValue(prop);\r
- }\r
- else if(elem.currentStyle)\r
- {\r
- var prop = prop.replace(/-\D/gi, function(sMatch)\r
- {\r
- return sMatch.charAt(sMatch.length - 1).toUpperCase();\r
- });\r
- return elem.currentStyle[prop];\r
- }\r
- else return null;\r
- }\r
- \r
-/****\r
- * Moving an element \r
- ***/ \r
- \r
- var _mCE; // currently moving element\r
- \r
- /* allow to move an element in a window\r
- e: the event\r
- id: the id of the element\r
- frame: the frame of the element \r
- ex of use:\r
- in html: <img id='move_area_search_replace' onmousedown='return parent.start_move_element(event,"area_search_replace", parent.frames["this_frame_id"]);' .../> \r
- or\r
- in javascript: document.getElementById("my_div").onmousedown= start_move_element\r
- */\r
- function start_move_element(e, id, frame){\r
- var elem_id=(e.target || e.srcElement).id;\r
- if(id)\r
- elem_id=id; \r
- if(!frame)\r
- frame=window;\r
- if(frame.event)\r
- e=frame.event;\r
- \r
- _mCE= frame.document.getElementById(elem_id);\r
- _mCE.frame=frame;\r
- frame.document.onmousemove= move_element;\r
- frame.document.onmouseup= end_move_element;\r
- /*_mCE.onmousemove= move_element;\r
- _mCE.onmouseup= end_move_element;*/\r
- \r
- //alert(_mCE.frame.document.body.offsetHeight);\r
- \r
- mouse_x= getMouseX(e);\r
- mouse_y= getMouseY(e);\r
- //window.status=frame+ " elem: "+elem_id+" elem: "+ _mCE + " mouse_x: "+mouse_x;\r
- _mCE.start_pos_x = mouse_x - (_mCE.style.left.replace("px","") || calculeOffsetLeft(_mCE));\r
- _mCE.start_pos_y = mouse_y - (_mCE.style.top.replace("px","") || calculeOffsetTop(_mCE));\r
- return false;\r
- };\r
- \r
- function end_move_element(e){\r
- _mCE.frame.document.onmousemove= "";\r
- _mCE.frame.document.onmouseup= ""; \r
- _mCE=null;\r
- };\r
- \r
- function move_element(e){\r
- var newTop,newLeft,maxLeft;\r
-\r
- if( _mCE.frame && _mCE.frame.event )\r
- e=_mCE.frame.event;\r
- newTop = getMouseY(e) - _mCE.start_pos_y;\r
- newLeft = getMouseX(e) - _mCE.start_pos_x;\r
- \r
- maxLeft = _mCE.frame.document.body.offsetWidth- _mCE.offsetWidth;\r
- max_top = _mCE.frame.document.body.offsetHeight- _mCE.offsetHeight;\r
- newTop = Math.min(Math.max(0, newTop), max_top);\r
- newLeft = Math.min(Math.max(0, newLeft), maxLeft);\r
- \r
- _mCE.style.top = newTop+"px";\r
- _mCE.style.left = newLeft+"px"; \r
- return false;\r
- };\r
- \r
-/***\r
- * Managing a textarea (this part need the navigator infos from editAreaLoader\r
- ***/ \r
- \r
- var nav= editAreaLoader.nav;\r
- \r
- // allow to get infos on the selection: array(start, end)\r
- function getSelectionRange(textarea){\r
- return {"start": textarea.selectionStart, "end": textarea.selectionEnd};\r
- };\r
- \r
- // allow to set the selection\r
- function setSelectionRange(t, start, end){\r
- t.focus();\r
- \r
- start = Math.max(0, Math.min(t.value.length, start));\r
- end = Math.max(start, Math.min(t.value.length, end));\r
- \r
- if( this.isOpera && this.isOpera < 9.6 ){ // Opera bug when moving selection start and selection end\r
- t.selectionEnd = 1; \r
- t.selectionStart = 0; \r
- t.selectionEnd = 1; \r
- t.selectionStart = 0; \r
- }\r
- t.selectionStart = start;\r
- t.selectionEnd = end; \r
- //textarea.setSelectionRange(start, end);\r
- \r
- if(isIE)\r
- set_IE_selection(t);\r
- };\r
-\r
- \r
- // set IE position in Firefox mode (textarea.selectionStart and textarea.selectionEnd). should work as a repeated task\r
- function get_IE_selection(t){\r
- var d=document,div,range,stored_range,elem,scrollTop,relative_top,line_start,line_nb,range_start,range_end,tab;\r
- if(t && t.focused)\r
- { \r
- if(!t.ea_line_height)\r
- { // calculate the lineHeight\r
- div= d.createElement("div");\r
- div.style.fontFamily= get_css_property(t, "font-family");\r
- div.style.fontSize= get_css_property(t, "font-size");\r
- div.style.visibility= "hidden"; \r
- div.innerHTML="0";\r
- d.body.appendChild(div);\r
- t.ea_line_height= div.offsetHeight;\r
- d.body.removeChild(div);\r
- }\r
- //t.focus();\r
- range = d.selection.createRange();\r
- try\r
- {\r
- stored_range = range.duplicate();\r
- stored_range.moveToElementText( t );\r
- stored_range.setEndPoint( 'EndToEnd', range );\r
- if(stored_range.parentElement() == t){\r
- // the range don't take care of empty lines in the end of the selection\r
- elem = t;\r
- scrollTop = 0;\r
- while(elem.parentNode){\r
- scrollTop+= elem.scrollTop;\r
- elem = elem.parentNode;\r
- }\r
- \r
- // var scrollTop= t.scrollTop + document.body.scrollTop;\r
- \r
- // var relative_top= range.offsetTop - calculeOffsetTop(t) + scrollTop;\r
- relative_top= range.offsetTop - calculeOffsetTop(t)+ scrollTop;\r
- // alert("rangeoffset: "+ range.offsetTop +"\ncalcoffsetTop: "+ calculeOffsetTop(t) +"\nrelativeTop: "+ relative_top);\r
- line_start = Math.round((relative_top / t.ea_line_height) +1);\r
- \r
- line_nb = Math.round(range.boundingHeight / t.ea_line_height);\r
- \r
- range_start = stored_range.text.length - range.text.length;\r
- tab = t.value.substr(0, range_start).split("\n"); \r
- range_start += (line_start - tab.length)*2; // add missing empty lines to the selection\r
- t.selectionStart = range_start;\r
- \r
- range_end = t.selectionStart + range.text.length;\r
- tab = t.value.substr(0, range_start + range.text.length).split("\n"); \r
- range_end += (line_start + line_nb - 1 - tab.length)*2;\r
- t.selectionEnd = range_end;\r
- }\r
- }\r
- catch(e){}\r
- }\r
- setTimeout("get_IE_selection(document.getElementById('"+ t.id +"'));", 50);\r
- };\r
- \r
- function IE_textarea_focus(){\r
- event.srcElement.focused= true;\r
- }\r
- \r
- function IE_textarea_blur(){\r
- event.srcElement.focused= false;\r
- }\r
- \r
- // select the text for IE (take into account the \r difference)\r
- function set_IE_selection( t ){\r
- var nbLineStart,nbLineStart,nbLineEnd,range;\r
- if(!window.closed){ \r
- nbLineStart=t.value.substr(0, t.selectionStart).split("\n").length - 1;\r
- nbLineEnd=t.value.substr(0, t.selectionEnd).split("\n").length - 1;\r
- try\r
- {\r
- range = document.selection.createRange();\r
- range.moveToElementText( t );\r
- range.setEndPoint( 'EndToStart', range );\r
- range.moveStart('character', t.selectionStart - nbLineStart);\r
- range.moveEnd('character', t.selectionEnd - nbLineEnd - (t.selectionStart - nbLineStart) );\r
- range.select();\r
- }\r
- catch(e){}\r
- }\r
- };\r
- \r
- \r
- editAreaLoader.waiting_loading["elements_functions.js"]= "loaded";\r
fnp / redakcja.git / blobdiff