unageanu-jiji 1.1.4 → 1.2.1

data/html/js/edit_area/elements_functions.js

@@ -5,22 +5,23 @@
 	
 	
 	// need to redefine this functiondue to IE problem
-	function getAttribute( elm, aname ) {
+	function getAttribute( elm, aName ) {
+		var aValue,taName,i;
 		try{
-			var avalue = elm.getAttribute( aname );
-		}catch(exept){
+			aValue = elm.getAttribute( aName );
+		}catch(exept){}
 		
-		}
-		if ( ! avalue ) {
-			for ( var i = 0; i < elm.attributes.length; i ++ ) {
-				var taName = elm.attributes [i] .name.toLowerCase();
-				if ( taName == aname ) {
-					avalue = elm.attributes [i] .value;
-					return avalue;
+		if( ! aValue ){
+		  if ( !elm.attributes ) return null;
+			for( i = 0; i < elm.attributes.length; i ++ ) {
+				taName = elm.attributes[i] .name.toLowerCase();
+				if( taName == aName ) {
+					aValue = elm.attributes[i] .value;
+					return aValue;
 				}
 			}
 		}
-		return avalue;
+		return aValue;
 	};
 	
 	// need to redefine this function due to IE problem
@@ -50,7 +51,7 @@
 		if(elem){
 			var children= elem.childNodes;
 			var result=null;
-			var results= new Array();
+			var results= [];
 			for (var x=0;x<children.length;x++) {
 				strTagName = new String(children[x].tagName);
 				children_class="?";
@@ -93,46 +94,37 @@
 	};
 	
 	function getMouseX(e){
-		/*if(document.all)
-			return event.x + document.body.scrollLeft;
-		else
-			return e.pageX;*/
+
 		if(e!=null && typeof(e.pageX)!="undefined"){
 			return e.pageX;
 		}else{
 			return (e!=null?e.x:event.x)+ document.documentElement.scrollLeft;
 		}
-		//return (e!=null) ? e.pageX : event.x + document.documentElement.scrollLeft;
 	};
 	
 	function getMouseY(e){
-		/*if(document.all)
-			return event.y + document.body.scrollTop;
-		else
-			return e.pageY;*/
 		if(e!=null && typeof(e.pageY)!="undefined"){
 			return e.pageY;
 		}else{
 			return (e!=null?e.y:event.y)+ document.documentElement.scrollTop;
 		}
-		//return (e!=null) ? e.pageY : event.y + document.documentElement.scrollTop;
 	};
 	
 	function calculeOffsetLeft(r){
-	  return calculeOffset(r,"offsetLeft")
+		return calculeOffset(r,"offsetLeft")
 	};
 	
 	function calculeOffsetTop(r){
-	  return calculeOffset(r,"offsetTop")
+		return calculeOffset(r,"offsetTop")
 	};
 	
 	function calculeOffset(element,attr){
-	  var offset=0;
-	  while(element){
-		offset+=element[attr];
-		element=element.offsetParent
-	  }
-	  return offset;
+		var offset=0;
+		while(element){
+			offset+=element[attr];
+			element=element.offsetParent
+		}
+		return offset;
 	};
 	
 	/** return the computed style
@@ -160,7 +152,8 @@
  * Moving an element 
  ***/  
 	
-	var move_current_element;
+	var _mCE;	// currently moving element
+	
 	/* allow to move an element in a window
 		e: the event
 		id: the id of the element
@@ -179,46 +172,44 @@
 		if(frame.event)
 			e=frame.event;
 			
-		move_current_element= frame.document.getElementById(elem_id);
-		move_current_element.frame=frame;
+		_mCE= frame.document.getElementById(elem_id);
+		_mCE.frame=frame;
 		frame.document.onmousemove= move_element;
 		frame.document.onmouseup= end_move_element;
-		/*move_current_element.onmousemove= move_element;
-		move_current_element.onmouseup= end_move_element;*/
+		/*_mCE.onmousemove= move_element;
+		_mCE.onmouseup= end_move_element;*/
 		
-		//alert(move_current_element.frame.document.body.offsetHeight);
+		//alert(_mCE.frame.document.body.offsetHeight);
 		
 		mouse_x= getMouseX(e);
 		mouse_y= getMouseY(e);
-		//window.status=frame+ " elem: "+elem_id+" elem: "+ move_current_element + " mouse_x: "+mouse_x;
-		move_current_element.start_pos_x = mouse_x - (move_current_element.style.left.replace("px","") || calculeOffsetLeft(move_current_element));
-		move_current_element.start_pos_y = mouse_y - (move_current_element.style.top.replace("px","") || calculeOffsetTop(move_current_element));
+		//window.status=frame+ " elem: "+elem_id+" elem: "+ _mCE + " mouse_x: "+mouse_x;
+		_mCE.start_pos_x = mouse_x - (_mCE.style.left.replace("px","") || calculeOffsetLeft(_mCE));
+		_mCE.start_pos_y = mouse_y - (_mCE.style.top.replace("px","") || calculeOffsetTop(_mCE));
 		return false;
 	};
 	
 	function end_move_element(e){
-		move_current_element.frame.document.onmousemove= "";
-		move_current_element.frame.document.onmouseup= "";		
-		move_current_element=null;
+		_mCE.frame.document.onmousemove= "";
+		_mCE.frame.document.onmouseup= "";		
+		_mCE=null;
 	};
 	
 	function move_element(e){
-		/*window.status="move"+frame;
-		window.status="move2"+frame.event;*/
-		if(move_current_element.frame && move_current_element.frame.event)
-			e=move_current_element.frame.event;
-		var mouse_x=getMouseX(e);
-		var mouse_y=getMouseY(e);
-		var new_top= mouse_y - move_current_element.start_pos_y;
-		var new_left= mouse_x - move_current_element.start_pos_x;
+		var newTop,newLeft,maxLeft;
+
+		if( _mCE.frame && _mCE.frame.event )
+			e=_mCE.frame.event;
+		newTop	= getMouseY(e) - _mCE.start_pos_y;
+		newLeft	= getMouseX(e) - _mCE.start_pos_x;
 		
-		var max_left= move_current_element.frame.document.body.offsetWidth- move_current_element.offsetWidth;
-		max_top= move_current_element.frame.document.body.offsetHeight- move_current_element.offsetHeight;
-		new_top= Math.min(Math.max(0, new_top), max_top);
-		new_left= Math.min(Math.max(0, new_left), max_left);
+		maxLeft	= _mCE.frame.document.body.offsetWidth- _mCE.offsetWidth;
+		max_top	= _mCE.frame.document.body.offsetHeight- _mCE.offsetHeight;
+		newTop	= Math.min(Math.max(0, newTop), max_top);
+		newLeft	= Math.min(Math.max(0, newLeft), maxLeft);
 		
-		move_current_element.style.top= new_top+"px";
-		move_current_element.style.left= new_left+"px";		
+		_mCE.style.top	= newTop+"px";
+		_mCE.style.left	= newLeft+"px";		
 		return false;
 	};
 	
@@ -230,85 +221,86 @@
 	
 	// allow to get infos on the selection: array(start, end)
 	function getSelectionRange(textarea){
-		//if(nav['isIE'])
-		//	get_IE_selection(textarea);
 		return {"start": textarea.selectionStart, "end": textarea.selectionEnd};
 	};
 	
 	// allow to set the selection
-	function setSelectionRange(textarea, start, end){
-		textarea.focus();
+	function setSelectionRange(t, start, end){
+		t.focus();
 		
-		start= Math.max(0, Math.min(textarea.value.length, start));
-		end= Math.max(start, Math.min(textarea.value.length, end));
+		start	= Math.max(0, Math.min(t.value.length, start));
+		end		= Math.max(start, Math.min(t.value.length, end));
 	
-		if(nav['isOpera']){	// Opera bug when moving selection start and selection end
-			textarea.selectionEnd = 1;	
-			textarea.selectionStart = 0;			
-			textarea.selectionEnd = 1;	
-			textarea.selectionStart = 0;		
+		if( this.isOpera && this.isOpera < 9.6 ){	// Opera bug when moving selection start and selection end
+			t.selectionEnd = 1;	
+			t.selectionStart = 0;			
+			t.selectionEnd = 1;	
+			t.selectionStart = 0;		
 		}
-		textarea.selectionStart = start;
-		textarea.selectionEnd = end;		
+		t.selectionStart	= start;
+		t.selectionEnd		= end;		
 		//textarea.setSelectionRange(start, end);
 		
-		if(nav['isIE'])
-			set_IE_selection(textarea);
+		if(isIE)
+			set_IE_selection(t);
 	};
 
 	
 	// set IE position in Firefox mode (textarea.selectionStart and textarea.selectionEnd). should work as a repeated task
-	function get_IE_selection(textarea){
-			
-		if(textarea && textarea.focused)
+	function get_IE_selection(t){
+		var d=document,div,range,stored_range,elem,scrollTop,relative_top,line_start,line_nb,range_start,range_end,tab;
+		if(t && t.focused)
 		{	
-			if(!textarea.ea_line_height)
+			if(!t.ea_line_height)
 			{	// calculate the lineHeight
-				var div= document.createElement("div");
-				div.style.fontFamily= get_css_property(textarea, "font-family");
-				div.style.fontSize= get_css_property(textarea, "font-size");
+				div= d.createElement("div");
+				div.style.fontFamily= get_css_property(t, "font-family");
+				div.style.fontSize= get_css_property(t, "font-size");
 				div.style.visibility= "hidden";			
 				div.innerHTML="0";
-				document.body.appendChild(div);
-				textarea.ea_line_height= div.offsetHeight;
-				document.body.removeChild(div);
+				d.body.appendChild(div);
+				t.ea_line_height= div.offsetHeight;
+				d.body.removeChild(div);
 			}
-			//textarea.focus();
-			var range = document.selection.createRange();	
-			var stored_range = range.duplicate();
-			stored_range.moveToElementText( textarea );
-			stored_range.setEndPoint( 'EndToEnd', range );
-			if(stored_range.parentElement()==textarea){
-				// the range don't take care of empty lines in the end of the selection
-				var elem= textarea;
-				var scrollTop= 0;
-				while(elem.parentNode){
-					scrollTop+= elem.scrollTop;
-					elem= elem.parentNode;
-				}
-			
-			//	var scrollTop= textarea.scrollTop + document.body.scrollTop;
-				
-			//	var relative_top= range.offsetTop - calculeOffsetTop(textarea) + scrollTop;
-				var relative_top= range.offsetTop - calculeOffsetTop(textarea)+ scrollTop;
-			//	alert("rangeoffset: "+ range.offsetTop +"\ncalcoffsetTop: "+ calculeOffsetTop(textarea) +"\nrelativeTop: "+ relative_top);
-				var line_start = Math.round((relative_top / textarea.ea_line_height) +1);
-				
-				var line_nb= Math.round(range.boundingHeight / textarea.ea_line_height);
-				
-		//		alert("store_range: "+ stored_range.text.length+"\nrange: "+range.text.length+"\nrange_text: "+ range.text);
-				var range_start= stored_range.text.length - range.text.length;
-				var tab= textarea.value.substr(0, range_start).split("\n");			
-				range_start+= (line_start - tab.length)*2;		// add missing empty lines to the selection
-				textarea.selectionStart = range_start;
+			//t.focus();
+			range = d.selection.createRange();
+			try
+			{
+				stored_range = range.duplicate();
+				stored_range.moveToElementText( t );
+				stored_range.setEndPoint( 'EndToEnd', range );
+				if(stored_range.parentElement() == t){
+					// the range don't take care of empty lines in the end of the selection
+					elem		= t;
+					scrollTop	= 0;
+					while(elem.parentNode){
+						scrollTop+= elem.scrollTop;
+						elem	= elem.parentNode;
+					}
 				
-				var range_end= textarea.selectionStart + range.text.length;
-				tab= textarea.value.substr(0, range_start + range.text.length).split("\n");			
-				range_end+= (line_start + line_nb - 1 - tab.length)*2;
-				textarea.selectionEnd = range_end;
+				//	var scrollTop= t.scrollTop + document.body.scrollTop;
+					
+				//	var relative_top= range.offsetTop - calculeOffsetTop(t) + scrollTop;
+					relative_top= range.offsetTop - calculeOffsetTop(t)+ scrollTop;
+				//	alert("rangeoffset: "+ range.offsetTop +"\ncalcoffsetTop: "+ calculeOffsetTop(t) +"\nrelativeTop: "+ relative_top);
+					line_start	= Math.round((relative_top / t.ea_line_height) +1);
+					
+					line_nb		= Math.round(range.boundingHeight / t.ea_line_height);
+					
+					range_start	= stored_range.text.length - range.text.length;
+					tab	= t.value.substr(0, range_start).split("\n");			
+					range_start	+= (line_start - tab.length)*2;		// add missing empty lines to the selection
+					t.selectionStart = range_start;
+					
+					range_end	= t.selectionStart + range.text.length;
+					tab	= t.value.substr(0, range_start + range.text.length).split("\n");			
+					range_end	+= (line_start + line_nb - 1 - tab.length)*2;
+					t.selectionEnd = range_end;
+				}
 			}
+			catch(e){}
 		}
-		setTimeout("get_IE_selection(document.getElementById('"+ textarea.id +"'));", 50);
+		setTimeout("get_IE_selection(document.getElementById('"+ t.id +"'));", 50);
 	};
 	
 	function IE_textarea_focus(){
@@ -320,16 +312,21 @@
 	}
 	
 	// select the text for IE (take into account the \r difference)
-	function set_IE_selection(textarea){
+	function set_IE_selection( t ){
+		var nbLineStart,nbLineStart,nbLineEnd,range;
 		if(!window.closed){ 
-			var nbLineStart=textarea.value.substr(0, textarea.selectionStart).split("\n").length - 1;
-			var nbLineEnd=textarea.value.substr(0, textarea.selectionEnd).split("\n").length - 1;
-			var range = document.selection.createRange();
-			range.moveToElementText( textarea );
-			range.setEndPoint( 'EndToStart', range );
-			range.moveStart('character', textarea.selectionStart - nbLineStart);
-			range.moveEnd('character', textarea.selectionEnd - nbLineEnd - (textarea.selectionStart - nbLineStart)  );
-			range.select();
+			nbLineStart=t.value.substr(0, t.selectionStart).split("\n").length - 1;
+			nbLineEnd=t.value.substr(0, t.selectionEnd).split("\n").length - 1;
+			try
+			{
+				range = document.selection.createRange();
+				range.moveToElementText( t );
+				range.setEndPoint( 'EndToStart', range );
+				range.moveStart('character', t.selectionStart - nbLineStart);
+				range.moveEnd('character', t.selectionEnd - nbLineEnd - (t.selectionStart - nbLineStart)  );
+				range.select();
+			}
+			catch(e){}
 		}
 	};