Bei xp:message Ausgabe lade CSS

[manderson]

Hallo,

kann ich irgendwie eine weitere CSS (mit)laden wenn ich für ein xp:message eine Ausgabe bekomme? Also wenn ein Fehler für Feld XYZ vorliegt lade Stylesheet XYZ.

Clientseitige Validierung ist aus...

[ata]

... was hast du denn genau vor - dein Konstrukt ist eventuell gar nicht notwendig

[manderson]

Muss für ein div, in dem ein Auswahlfeld liegt, die Styleangaben ändern wenn kein Wert ausgewählt worden ist ....

[Sven Hasselbach]

Muss es der gesamte Div sein, oder sollen nur die Felder hervorgehoben werden?

In letzterem Fall siehe hier:
http://dontpanic82.blogspot.de/2011/07/xpages-styling-invalid-field.html

[manderson]

leider der div

[ata]

... der div hat doch eine ID - dann sprich ihn doch direkt an und ändere den Style...

[Sven Hasselbach]

Hier ein kleines Snippet:

Code

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
	<xp:div>
		<xp:this.style><![CDATA[#{javascript:
			var style = "background-color:rgb(128,0,255)";
			var cids = facesContext.getClientIdsWithMessages();
			
			while( cids.hasNext() ){
  				var id = cids.next();
  				if( facesContext.getMessages( id ) != null ) return style;
 			}
 			}]]>
 		</xp:this.style>
		<xp:inputText id="inputText1" required="true"
			value="#{requestScope.fillMe}">
		</xp:inputText>
	</xp:div>
	<xp:button value="Label" id="button1"><xp:eventHandler event="onclick" submit="true" refreshMode="complete" immediate="false" save="true"></xp:eventHandler></xp:button>

</xp:view>

[manderson]

Super! Das Snippet von Sven hilft schon!

Muss es nur noch hin bekommen das nicht bei  allen divs (wo ich den code eingefügt habe) nun die Farbe gewechselt wird, sondern nur bei denen mit der Fehlermeldung des beinhaltenden Feldes....

Dachte es geht einfach in dem ich die var name ändere, klappt aber leider nicht. Ist jemand von den Meistern hier so nett und kann mir verraten warum?

Code

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

	<xp:messages id="messages1"></xp:messages>

	<xp:div>
		<xp:this.style><![CDATA[#{javascript:
			var style = "background-color:rgb(128,0,255)";
			var cids = facesContext.getClientIdsWithMessages();
			
			while( cids.hasNext() ){
  				var id = cids.next();
  				if( facesContext.getMessages( id ) != null ) return style;
 			}
 			}]]>
 		</xp:this.style>
		<xp:inputText id="inputText1" required="true">
		<xp:this.validators>
			<xp:validateRequired message="Fehler Feld 1"></xp:validateRequired>
		</xp:this.validators></xp:inputText>
</xp:div>
<xp:div>
		<xp:this.style><![CDATA[#{javascript:
			var style2 = "background-color:rgb(128,0,0)";
			var cids2 = facesContext.getClientIdsWithMessages();
			
			while( cids2.hasNext() ){
  				var idx = cids2.next();
  				if( facesContext.getMessages( idx ) != null ) return style2;
 			}
 			}]]>
 		</xp:this.style>
		<xp:inputText id="inputText2" required="true">
		<xp:this.validators>
			<xp:validateRequired message="Fehler Feld 2"></xp:validateRequired>
		</xp:this.validators></xp:inputText>
</xp:div>
	

	<xp:button value="Beschriftung" id="button1"><xp:eventHandler event="onclick" submit="true" refreshMode="complete" immediate="false" save="true"></xp:eventHandler></xp:button></xp:view>

[manderson]

Ha! Java-Kollege hat geholfen:

Code

<xp:this.style><![CDATA[#{javascript:
			var style = "background-color:rgb(128,0,0)";
			var firstMsg = facesContext.getMessages( 'view:_id1:inputText1' )
 			return firstMsg.hasNext() ? style:'';
			}]]>
</xp:this.style>