[richfaces-svn-commits] JBoss Rich Faces SVN: r6109 - in trunk/sandbox/ui/inplaceInput/src/main: resources/org/richfaces/renderkit/html/scripts and 1 other directories.

[richfaces-svn-commits at lists.jboss.org]

Author: vmolotkov
Date: 2008-02-15 07:30:06 -0500 (Fri, 15 Feb 2008)
New Revision: 6109

Modified:
   trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/css/inplaceinput.xcss
   trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/scripts/inplaceinput.js
   trunk/sandbox/ui/inplaceInput/src/main/templates/inplaceinput.jspx
Log:
strut spacer is added

Modified: trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/css/inplaceinput.xcss
===================================================================
--- trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/css/inplaceinput.xcss	2008-02-15 11:27:01 UTC (rev 6108)
+++ trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/css/inplaceinput.xcss	2008-02-15 12:30:06 UTC (rev 6109)
@@ -98,6 +98,7 @@
 	.is_edit_state{position : relative; width : 100px;}
 	.is_field{background : #FFF281; padding : 0px 0px 0px 3px; border : 0px; margin : 0px; width : 100px; position : absolute; top:0px; left : 0px;}
 	
+	.is_strut{height : 1px}
 	.is_btn_set{ /*position : absolute; top:0px; left : 100px;*/ white-space : nowrap}
 
 ]]>

Modified: trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/scripts/inplaceinput.js
===================================================================
--- trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/scripts/inplaceinput.js	2008-02-15 11:27:01 UTC (rev 6108)
+++ trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/scripts/inplaceinput.js	2008-02-15 12:30:06 UTC (rev 6109)
@@ -4,7 +4,7 @@
 
 Richfaces.InplaceInput.prototype = {
 	
-	initialize: function(clientId, temValueKeepId, valueKeepId, tabberId, attributes, events, classes, barParams) {
+	initialize: function(clientId, temValueKeepId, valueKeepId, tabberId, strutId, attributes, events, classes, barParams) {
 		this.inplaceInput = $(clientId);
 		this.inplaceInput.component = this;
 		
@@ -12,6 +12,7 @@
 		this.valueKeeper = $(valueKeepId);
 		this.attributes = attributes;
 		this.tabber = $(tabberId);
+		this.strut = $(strutId);
 		this.events = events;
 		
 		this.classes = classes;
@@ -175,6 +176,8 @@
 		var inputSize = this.setInputWidth(textSize);
 		
 		this.inplaceInput.className = this.classes.COMPONENT.EDITABLE;
+		this.strut.style.width = this.inplaceInput.offsetWidth + "px";
+		this.strut.show();
 		this.tempValueKeeper.show();
 		
 		if (this.bar) {
@@ -192,6 +195,7 @@
 		
 		this.createNewText(this.currentText);
 		this.inplaceInput.className = this.classes.COMPONENT.VIEW.NORMAL;
+		this.strut.hide();
 	},
 	
 	startChangedState : function () {
@@ -199,6 +203,7 @@
 		
 		this.createNewText(this.valueKeeper.value);
 		this.inplaceInput.className = this.classes.COMPONENT.CHANGED.NORMAL;
+		this.strut.hide();
 	},
 	
 	/**
@@ -272,14 +277,14 @@
 	},
 	
 	deleteViewArtifacts : function () {
-		var text = this.inplaceInput.childNodes[4];
+		var text = this.inplaceInput.childNodes[5];
 		if (text) {
 			this.inplaceInput.removeChild(text);
 		}
 	},
 	
 	getCurrentText : function() {
-		return this.inplaceInput.childNodes[4];
+		return this.inplaceInput.childNodes[5];
 	},
 	
 	createNewText : function(text) {

Modified: trunk/sandbox/ui/inplaceInput/src/main/templates/inplaceinput.jspx
===================================================================
--- trunk/sandbox/ui/inplaceInput/src/main/templates/inplaceinput.jspx	2008-02-15 11:27:01 UTC (rev 6108)
+++ trunk/sandbox/ui/inplaceInput/src/main/templates/inplaceinput.jspx	2008-02-15 12:30:06 UTC (rev 6109)
@@ -58,6 +58,7 @@
 	
 	<span id="#{clientId}" class='rich-inplace rich-inplace-view #{component.attributes["styleClass"]}'>
 		<input id="#{clientId}tabber" type="button" value="" style="width: 1px; position: absolute; left: -32767px;" />
+		<img id="#{clientId}strut" src="#{spacer}" class="is_strut"/>
 		<input id='#{clientId}tempValue'
 			   class='rich-inplace-field' 
 			   style='display:none;' 
@@ -144,6 +145,6 @@
 				 			 EDITABLE : 'rich-inplace rich-inplace-edit #{component.attributes["editClass"]}'}
 		};
 
-		var inplaceInput = new Richfaces.InplaceInput('#{clientId}', '#{clientId}tempValue', '#{clientId}value', '#{clientId}tabber', attributes, events, Richfaces.InplaceInput.CLASSES, ['#{clientId}bar', '#{clientId}ok', '#{clientId}cancel', '#{clientId}buttons']);
+		var inplaceInput = new Richfaces.InplaceInput('#{clientId}', '#{clientId}tempValue', '#{clientId}value', '#{clientId}tabber', '#{clientId}strut', attributes, events, Richfaces.InplaceInput.CLASSES, ['#{clientId}bar', '#{clientId}ok', '#{clientId}cancel', '#{clientId}buttons']);
 	</script>
 </f:root>	
\ No newline at end of file