Discussoes de Programacao e Tecnologia

Informação como converter rotina jsp para xhtml?

2 respostas
P
paribe

Olá,

gostaria que no arquivo abaixo xhtml na tag inpuTextarea aparecesse a cada pergunta(um total de 8 perguntas a cada pergunta gravo no banco e vou buscar nova pergunta e chamo a mesma página pra diferenciar gostaria de mudar a cor)
com uma cor diferente conforme abaixo o arquivo xhtml.

No jsp tem um exemplo usando comando java minha duvida como faço isso em xhtml.

E meu css como ficaria teria que montar um pra cada cor????

Estou usando jsf 1.0,java 6,tomcat 6

Alguém poderia me ajudar ...

abs

xhtml 
<rich:panel  styleClass="richPanelStyleClass" bodyClass="richPanelBodyClass" headerClass="richPanelHeaderClass">
<div>

<br/>
<br/>

&lt;table&gt;

  &lt;tr&gt;
    &lt;td&gt;
      &lt;h:outputLabel   value="Pergunta"/&gt;
    &lt;/td&gt;
    &lt;td&gt;
      &lt;h:inputTextarea  readonly="true"   cols="104" rows="4" value="#{respostaAlunoMB.respostaAluno.perguntaAluno.pergunta}" style="overflow:scroll;" /&gt;    
    &lt;/td&gt;
  &lt;/tr&gt;

  &lt;tr&gt;
    &lt;td&gt;
         &lt;h:outputLabel   value="Pontuacao"/&gt;
    &lt;/td&gt;  
    &lt;td&gt;
		&lt;h:selectOneMenu value="#{respostaAlunoMB.pontuacao}" &gt;
		  &lt;f:selectItem  itemLabel="Peso 1" itemValue="1"  /&gt;
		  &lt;f:selectItem  itemLabel="Peso 2" itemValue="2"/&gt;
		  &lt;f:selectItem  itemLabel="Peso 3" itemValue="3"/&gt;
		  &lt;f:selectItem  itemLabel="Peso 4" itemValue="4"/&gt;
		&lt;/h:selectOneMenu&gt;
    
    
    &lt;/td&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;/tr&gt;
  &lt;tr&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;/tr&gt;
   &lt;tr&gt;&lt;/tr&gt;
   &lt;tr&gt;&lt;/tr&gt;
   

[code]

rotina jsp
[code]
&lt;%	
		x=x+1;
		String corLinhaL="infL";
		String corLinhaR="infR";
		String corLinhaC="infC";
		if(usuarioAplic.getPerfil()==7 && String.valueOf(usuarioAplic.getCodigo()).equals(produto.getGestor()) && produto.getStatus()==20) {
			corLinhaL="infVermL";
			corLinhaR="infVermR";
			corLinhaC="infvermC";
		}
		if (x%2==0)
		{
			if(usuarioAplic.getPerfil()==7 && String.valueOf(usuarioAplic.getCodigo()).equals(produto.getGestor()) && produto.getStatus()==20) {
				corLinhaL="infVermL2";
				corLinhaR="infVermR2";
				corLinhaC="infVermC2";
				
			}
			else{
				corLinhaL="infL2";
				corLinhaR="infR2";
				corLinhaC="infC2";
			}
		}	


    					
		if ("1".equals(tamanho) && x==1){
		%&gt;	    					

		&lt;tr&gt;
			&lt;Td class=&lt;%=corLinhaL%&gt;&gt;&lt;bean:write name="produto" property="nomecatalogo" scope="page"/&gt;&lt;/Td&gt;
            &lt;/tr&gt;
arquivo css 
/*  Menu das aplicaçoes  */
a.menu:visited {
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	color:#F6F6F6;
	text-decoration:none
}
a.menu:link {
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	color:#F6F6F6;
	text-decoration:none
}
a.menu:hover {
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	color:#FF0000;
	text-decoration:none
}

/* fim */

/* Menu selecionado */
.menuAtivado {
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	color:#003366;
	text-decoration:none
}
/* fim do menu selecionado */



/* Usado para os titulos das páginas */

.tit{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12pt;
	color: #006699;/*#FFFF00;	*/
	background-color:#E3EFFA;/*#6699ff ;*/
}
.titVerm{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12pt;
	color:white;	
	background-color:#FF0000;
}
/* Usado nos sub-Titulos da página*/

.subTitAzul{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	color:#F6F6F6;
	background-color:#A2B1CF;
}
.subTitVerm{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:red;
	background-color:#E9E9E9;
}
.subTit{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:#003366;
	background-color:#E3EFFA;/*#E9E9E9;*/
}

.subTitSummary{
	text-align:right;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:#003366;
	background-color:#E9E9E9;
    border-width: 0;
}

/* Informação Dados do Predio */
.infCabec{
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#022D57;
	font-size:9pt;
	background-color:#D5DDE6;
}


/* Informação Dados do Predio */
.infCabecB{
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#022D57;
	font-size:9pt;
	background-color:#D5DDE6;
	font-weight:bold;	
}

/* Fim Informação Dados do Predio */

/* Para da margem nas aplicações*/
body{
  margin-left:3;
  cursor: default;
}
/* Fim */




/* Informação HELP */
.infHelp{
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:7pt;
	background-color:#F6F6F6;
}


/* Usado para titulo das informação no cabeçalho L=left, R=right, C= center */
.titTabInfL{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	color:#F6F6F6;
	background-color:#E3EFFA;/*#A2B1CF;*/
}

.titTabInfR{
	text-align:right;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F6F6F6;
	font-size:8pt;
	background-color:#A2B1CF;
}

.titTabInfC{
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006699;
	font-size:8pt;
	background-color:#E3EFFA; 

}

/* Usado para titulo das informação L=left, R=right, C= center */
.titInfL{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003366;
	font-size:8pt;
	background-color:#E3EFFA;/*#F6F6F6;*/
}

.titInfR{
	text-align:right;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003366;
	font-size:8pt;
	background-color:#F6F6F6;
}

.titInfC{
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003366;
	font-size:8pt;
	background-color:#F6F6F6;
}

/* Usado para titulo das informação com cinza escuro L=left, R=right, C= center */
.titInfL2{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003366;
	font-size:8pt;
	background-color:#E9E9E9;
}

.titInfR2{
	text-align:right;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003366;
	font-size:8pt;
	background-color:#E9E9E9;

        BORDER-RIGHT: #A2B1CF 1px solid; 
	BORDER-TOP: #A2B1CF 1px solid; 
	BORDER-LEFT: #A2B1CF 1px solid; 
	BORDER-BOTTOM: #A2B1CF 1px solid; 

}

.titInfC2{
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003366;
	font-size:8pt;
	background-color:#E9E9E9;
}
/* Usado para titulo das informação em vermelho L=left, R=right, C= center */
.titInfVermL{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:red;
	font-size:8pt;
	background-color:#F6F6F6;
}

.titInfVermR{
	text-align:right;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:red;
	font-size:8pt;
	background-color:#F6F6F6;
}

.titInfVermC{
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:red;
	font-size:8pt;
	background-color:#F6F6F6;
}


/* Usado para as informações L=left, R=right, C= center */
.infL{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#0099CC;/*#003366;*/
	font-size:8pt;
	background-color:##0099CC;/*#F6F6F6;*/

        BORDER-RIGHT: #A2B1CF 1px solid; 
	BORDER-TOP: #A2B1CF 1px solid; 
	BORDER-LEFT: #A2B1CF 1px solid; 
	BORDER-BOTTOM: #A2B1CF 1px solid; 
}

.infR{
	text-align:right;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#0099CC;
	font-size:8pt;
	background-color:#FFFFFF;

        BORDER-RIGHT: #A2B1CF 1px solid; 
	BORDER-TOP: #A2B1CF 1px solid; 
	BORDER-LEFT: #A2B1CF 1px solid; 
	BORDER-BOTTOM: #A2B1CF 1px solid; 
}

.infC{
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#0099CC;/*#003366;*/
	font-size:8pt;
	/*background-color:#F6F6F6;*/
	background-color:#ffffff;

        BORDER-RIGHT: #A2B1CF 1px solid; 
	BORDER-TOP: #A2B1CF 1px solid; 
	BORDER-LEFT: #A2B1CF 1px solid; 
	BORDER-BOTTOM: #A2B1CF 1px solid; 
}

/* Usado para as informações com linhas de cores alternadas com estilo inf L=left, R=right, C= center */
.infL2{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#0099CC;/*#003366;*/
	font-size:8pt;
	background-color:#ffffff;/*#E9E9E9;*/

        BORDER-RIGHT: #A2B1CF 1px solid; 
	BORDER-TOP: #A2B1CF 1px solid; 
	BORDER-LEFT: #A2B1CF 1px solid; 
	BORDER-BOTTOM: #A2B1CF 1px solid; 
}

.infR2{
	text-align:right;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#0099CC;/*#003366;*/
	font-size:8pt;
	background-color:#FFFFFF;/*#E9E9E9;*/

        BORDER-RIGHT: #A2B1CF 1px solid; 
	BORDER-TOP: #A2B1CF 1px solid; 
	BORDER-LEFT: #A2B1CF 1px solid; 
	BORDER-BOTTOM: #A2B1CF 1px solid; 
}

.infC2{
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#0099CC;
	font-size:8pt;
	/*background-color:#E9E9E9;*/
	background-color:#ffffff;       

        BORDER-RIGHT: #A2B1CF 1px solid; 
	BORDER-TOP: #A2B1CF 1px solid; 
	BORDER-LEFT: #A2B1CF 1px solid; 
	BORDER-BOTTOM: #A2B1CF 1px solid; 
}
/* Usado para as informações em vermelho L=left, R=right, C= center */
.infVermL{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:red;
	font-size:8pt;
	background-color:#F6F6F6;
}

.infVermR{
	text-align:right;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:red;
	font-size:8pt;
	background-color:#F6F6F6;
}

.infVermC{
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:red;
	font-size:8pt;
	background-color:#F6F6F6;
}
/* Usado para as informações em vermelho com linhas de cores alternadas com estilo inf L=left, R=right, C= center */
.infVermL2{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:red;
	font-size:8pt;
	background-color:#E9E9E9;
}

.infVermR2{
	text-align:right;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:red;
	font-size:8pt;
	background-color:#E9E9E9;
}

.infVermC2{
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:red;
	font-size:8pt;
	background-color:#E9E9E9;
	
}
/* Usado nos campos textfield, text e demais*/
.textBox{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#003366;
	font-weight: normal; 
	BORDER-RIGHT: #A2B1CF 1px solid; 
	BORDER-TOP: #A2B1CF 1px solid; 
	BORDER-LEFT: #A2B1CF 1px solid; 
	BORDER-BOTTOM: #A2B1CF 1px solid; 
	font-size: xx-small; /*8pt;1em; */
	background-color:#FFFFFF
}

/* Usado para respostas de Erros, Informações sem BACKGROUND*/
.textEC{
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:11pt;
	font-weight:bold
}
.textECG{
	text-align:center;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: Green;
	font-size:11pt;
	font-weight:bold
}
.textEL{
	text-align:left;
	font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:11pt;
	font-weight:bold
}




/* Usado para botoes */
/*
.botao{
	border-color: #000000;
	border-style: solid;
	border-width: 0;
	color: #F6F6F6;
	background-color:#A2B1CF;
	font-size: 8pt;
	font-weight:bold;
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
*/

/* Quando não quiser borda */
.semBorda{  
	border: 0;
	}
	
	
	
/* links cor Azul */
a:visited{  font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #003366; font-weight:normal; font-size:8pt; text-decoration: underline}
a:link   {  font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #003366; font-weight:normal; font-size:8pt; text-decoration: underline}
a:hover  {  font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #FF0000; font-weight:normal; font-size:8pt; text-decoration: underline}
a:active {  font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #003366; font-weight:normal; font-size:8pt; text-decoration: underline}
/* Fim cor Azul */

/* links cor Vermelho */
a.verm:visited{  font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #FF0000; font-weight:normal; font-size:8pt; text-decoration: underline}
a.verm:link   {  font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #FF0000; font-weight:normal; font-size:8pt; text-decoration: underline}
a.verm:hover  {  font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #003366; font-weight:normal; font-size:8pt; text-decoration: underline}
a.verm:active {  font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #FF0000; font-weight:normal; font-size:8pt; text-decoration: underline}
/* Fim cor Vermelho */

/* links cor Azul sem underline */
a.subMenu:visited{  font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #003366; font-weight:bold; text-decoration: none}
a.subMenu:link   {  font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #003366; font-weight:bold; text-decoration: none}
a.subMenu:hover  {  font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #FF0000; font-weight:bold; text-decoration: none}
a.subMenu:active {  font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif; color: #003366; font-weight:bold; text-decoration: none}
/* Fim cor Azul */

/* começo */
a.mn:Link, a.mn:visited, a.mn:active, a.mn:hover {
	cursor=hand;
	font-size: 10px;
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#FF0000;
}
/* fim */


/*Para impressão*/

/*** Links clicados ou não.
*/
.imprBoletoExpress{
	font-size: 6pt;
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: none;
}

/*Para impressão*/
/*** Links clicados ou não.
*/
.impr{
	font-size: 10pt;
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: none;
}
.botao{
	border-color: #0099CC;
	border-style: solid;
	border-width: 1;
	color: #0099CC;
	background-color:#ffffff;
	font-size: 8pt;
	/*font-weight:bold;*/
	/*font-family: Arial, Verdana, Myriad Web;*/
        font-family:Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
Alura Desenvolvimento Front-End React Do primeiro componente à liderança técnica! HTML/CSS/JavaScript fundamental, React com hooks e...

2 Respostas

jamirdeajr
jamirdeajr

Basicamente todo esse código java que está no JSP deverá ir para o managedBean, e no xhtml você deverá mudar:

<Td class=<%=corLinhaL%>><bean:write name="produto" property="nomecatalogo" scope="page"/></Td>

Para:

<Td class="#{respostaAlunoMB.corLinhaL}"><h:outputText styleClass="..." value=""/></Td>

managedBean, exemplo:

private String corLinhaL = "infL"; public String getCorLinhaL() { if(usuarioAplic.getPerfil()==7 && String.valueOf(usuarioAplic.getCodigo()).equals(produto.getGestor()) && produto.getStatus()==20) { corLinhaL="infVermL"; } // etc... return corLinhaL; }
As tabelas podem/devem ser substituídas por dataTables;
O CSS pode ser mantido, no caso de usar dataTables incluir nele os mesmos estilos;
Faltou no exemplo o conteúdo do outputText, não consegui identificar de primeira.
Creio que seja mais ou menos isso…

P
paribe

obrigado pelo retorno

Criado 27 de abril de 2011
Ultima resposta 27 de abr. de 2011
Respostas 2
Participantes 2

Topicos relacionados

Compilar e executar uma classe java pelo prompt do windows 13 respostas [RESOLVIDO] Como executar função JavaScript após página carregada 13 respostas Java.lang.OutOfMemoryError: Java heap space - Como resolver? 11 respostas Como consultar CPF na Receita Federal usando Web Service? 22 respostas Como acessar localhost de forma externa? [RESOLVIDO] 13 respostas
Alura VSCode: extensões mais usadas Quais as extensões que podem auxiliar na hora desenvolvimento na IDE Visual Studio Code
Casa do Codigo Seguranca em front-end: Estrategias para mitigar ataques... Por Antonio Luis Rossi — Casa do Codigo