Ocultar tag html

Programação
#1

Olá Pessoal!

Gostaria de saber como faço para ocultar uma tag se seu valor for nulo.
Exemplo:
<input type=“text” name=“leit_agua_final” id=“leit_agua_final” value="${laudo.leitAguaFinal}" readonly size=“10” maxlength="10"
GOSTARIA QUE A TAG ACIMA FOSSE EXIBIDA SE E SOMENTE SE O SEU VALOR FOR DIFERENTE DE NULO

#2

Vc está usando algum framework ou coisa assim? À qual ferramenta (framework ou biblioteca) pertence o trecho ${laudo.leitAguaFinal}?

#3

olá wldomiciano!

nenhum é jsp puro!!!

#4

Nao seria só fazer um if?

https://www.tutorialspoint.com/jsp/jstl_core_if_tag.htm

1 curtida
#5

Olá Javaflex!

Consegui solucionar em partes utilizando um Jquery. Só não funcionou com a tag img, acho que é porque estou pegando a imagem do BD não de um arquivo em uma pasta.
Abaixo está descrito a função em Jquery
$(function() {
// Pesquisa todos os inputs
$(“input”).each(function(i, input) {
// Verifica se o valor do input está vazio
if($(input).val() === “”) {
// Seta a propriedade css da sumir com o campo
$(input).css(“display”, “none”);
}
});

// Pesquisa todos os textareas
$(“textarea”).each(function(i, textarea) {
// Verifica se o valor do textarea está vazio
if($(textarea).text() === “”) {
// Seta a propriedade css da sumir com o campo
$(textarea).css(“display”, “none”);
}
});

// Pesquisa todas as imagens
$(“img”).each(function(i, img) {
// Verifica se o valor do atributo src da imagem está vazio
if($(img).attr(“src”) === undefined ||
$(img).attr(“src”) === “”) {
// Seta a propriedade css da sumir com o campo
$(img).css(“display”, “none”);
}
});
});

Obs.: Também foi um conhecido que me forneceu esta ajuda!!!

#6

O ideal seria o client receber o html limpo somente com os elementos que o usuário vai usar de fato, fazendo um if via JSTL/JSP. Mas se quer fazer isso via javascript, posta o código html que está no browser e nao o JSP, pra mostrar como está essa tag img que quer esconder.

1 curtida
#7

Olá javaflex!

Mas se eu utilizar um if como você orienta, eu terei de fazer uma condição em cada tag, e nesse sistema é utilizado 160 atributos (tabela com 160 atributos). Com scritp não é nescessario fazer essas condições em cada atributo do html.

#8

Começou errado por ter 160 campos que deveriam ser linhas em uma tabela com pouquíssimos campos, como te falei em outro post. Em vários casos voce já passa por isso tendo que escrever 160 linhas toda vez que precisar fazer algo com esses campos, entao é consequencia da sua modelagem.

#9

E voce ja resolveu? Se quer fazer via javascript, posta o HTML dessa tag que nao está conseguindo esconder.

#10

Já pensou em usar ternário com alguma classe?

class=${{laudo.leitAguaFinal eq null ? “hidden” : “”}

1 curtida
#11

Olá javaflex!

Para exibir na tela eu fiz uma tabela, e é justamente nela que consta a opção para o usuario visualizar o laudo de vistoria. E nesta visualização é que quero mostrar somente campos diferentes de nulo.Abaixo está a tabela:
<%
int limite = 8;
String numPagina = request.getParameter(“numpagina”);
if (numPagina == null) {
numPagina = “1”;
}

java.util.List listaDeLaudos = (java.util.List) request.getAttribute("sessaoListaLaudosPaginada");

String ordenacao = request.getParameter("ordenacao");
if (ordenacao == null) {
    ordenacao = "codigo";
}

String localizar = request.getParameter("localizar");
if (localizar == null) {
    localizar = "";
}

String campoapesquisar = request.getParameter("campoapesquisar");
if (campoapesquisar == null) {
    campoapesquisar = "codigo";
}

out.println("<table border='1'>");
out.println("<form action='LaudosCRUD' method='post'>");
out.println("<tr class='linhaEspecialTabela'><td colspan='9'>Localizar por:");
out.println("<select name='campoapesquisar'>");
if (campoapesquisar.equals("codigo")) {
    out.println("<option value='codigo' selected='selected'>Codigo</option>");
} else {
    out.println("<option value='codigo'>Codigo</option>");
}
if (campoapesquisar.equals("endereco")) {
    out.println("<option value='endereco' selected='selected'>Endereco</option>");
} else {
    out.println("<option value='endereco'>Endereco</option>");
}
if (campoapesquisar.equals("bairro")) {
    out.println("<option value='bairro' selected='selected'>Bairro</option>");
} else {
    out.println("<option value='bairro'>Bairro</option>");
}
if (campoapesquisar.equals("inquilino")) {
    out.println("<option value='inquilino' selected='selected'>Inquilino</option>");
} else {
    out.println("<option value='inquilino'>Inquilino</option>");
}
out.println("</select>");
out.println("<input type='text' name='localizar' id='localizar' value='" + localizar + "' />");
out.println("<input type='hidden' name='acao' value='listarLaudo'/>");
out.println("<input type='image' src='imagens/localizar.png'/> - Ordenado por:" + ordenacao + "</tr></td>");
out.println("</form>");
//out.println("<tr class='linhaEspecialTabela'><td colspan='3'><a href='usuario.jsp?acao=incluir'>Inserir Novo Usuario</a></td><td colspan='3'>Ordenado por:" + ordenacao + "</td></tr>");
out.println("<tr class='linhaEspecialTabela'>");
out.println("<td><a href='LaudosCRUD?&campoapesquisar=" + campoapesquisar + "&localizar=" + localizar + "&acao=listarLaudo&ordenacao=codigo&numpagina=" + Integer.parseInt(numPagina) + "'>Codigo</a></td><td><a href='LaudosCRUD?&campoapesquisar=" + campoapesquisar + "&localizar=" + localizar + "&acao=listarLaudo&ordenacao=endereco&numpagina=" + Integer.parseInt(numPagina) + "'>Endereco</a></td><td><a href='LaudosCRUD?&campoapesquisar=" + campoapesquisar + "&localizar=" + localizar + "&acao=listarLaudo&ordenacao=bairro&numpagina=" + Integer.parseInt(numPagina) + "'>Bairro</a></td><td><a href='LaudosCRUD?&campoapesquisar=" + campoapesquisar + "&localizar=" + localizar + "&acao=listarLaudo&ordenacao=proximo&numpagina=" + Integer.parseInt(numPagina) + "'>Proximo</a></td><td><a href='LaudosCRUD?&campoapesquisar=" + campoapesquisar + "&localizar=" + localizar + "&acao=listarLaudo&ordenacao=inquilino&numpagina=" + Integer.parseInt(numPagina) + "'>Inquilino</a></td><td>Telefone</td><td>Telefone</td><td>Telefone</td><td>Visualizar</td>");

for (java.util.Iterator iterator = listaDeLaudos.iterator(); iterator.hasNext();) {
    br.com.jairovirgilio.modelo.Laudos laudos = (br.com.jairovirgilio.modelo.Laudos) iterator.next();
    out.println("<tr>");
    String codigo = laudos.getCodigo();
    String endereco = laudos.getEndereco();
    String bairro = laudos.getBairro();
    String proximo = laudos.getProximo();
    String inquilino = laudos.getInquilino();
    String fone1 = laudos.getFone1();
    String fone2 = laudos.getFone2();
    String fone3 = laudos.getFone3();
    //Byte pInternaf1 = laudos.getP_internaf1();
    //Byte pInternaf2 = laudos.getP_internaf2();
    //Byte pInternaf3 = laudos.getP_internaf3();
    //Byte pInternaf4 = laudos.getP_internaf4();
    //Byte pInternaf5 = laudos.getP_internaf5();
    String pInternaObs = laudos.getP_internaObs();
    //Byte pExternaf1 = laudos.getP_externaf1();
    //Byte pExternaf2 = laudos.getP_externaf2();
    //Byte pExternaf3 = laudos.getP_externaf3();
    //Byte pExternaf4 = laudos.getP_externaf4();
    //Byte pExternaf5 = laudos.getP_externaf5();
    String pExternaObs = laudos.getP_externaObs();
    //Byte murosf1 = laudos.getMurosf1();
    //Byte murosf2 = laudos.getMurosf2();
    //Byte murosf3 = laudos.getMurosf3();
    //Byte murosf4 = laudos.getMurosf4();
    //Byte murosf5 = laudos.getMurosf5();
    String murosObs = laudos.getMurosObs();
    //Byte tetof1 = laudos.getTetof1();
    //Byte tetof2 = laudos.getTetof2();
    //Byte tetof3 = laudos.getTetof3();
    //Byte tetof4 = laudos.getTetof4();
    //Byte tetof5 = laudos.getTetof5();
    String tetoObs = laudos.getTetoObs();
    //Byte luminariaf1 = laudos.getLuminariaf1();
    //Byte luminariaf2 = laudos.getLuminariaf2();
    //Byte luminariaf3 = laudos.getLuminariaf3();
    //Byte luminariaf4 = laudos.getLuminariaf4();
    //Byte luminariaf5 = laudos.getLuminariaf5();
    String luminariaObs = laudos.getLuminariaObs();
    //Byte pisof1 = laudos.getPisof1();
    //Byte pisof2 = laudos.getPisof2();
    //Byte pisof3 = laudos.getPisof3();
    //Byte pisof4 = laudos.getPisof4();
    //Byte pisof5 = laudos.getPisof5();
    String pisoObs = laudos.getPisoObs();
    //Byte portasf1 = laudos.getPortasf1();
    //Byte portasf2 = laudos.getPortasf2();
    //Byte portasf3 = laudos.getPortasf3();
    //Byte portasf4 = laudos.getPortasf4();
    //Byte portasf5 = laudos.getPortasf5();
    String portasObs = laudos.getPortasObs();
    //Byte janelasf1 = laudos.getJanelasf1();
    //Byte janelasf2 = laudos.getJanelasf2();
    //Byte janelasf3 = laudos.getJanelasf3();
    //Byte janelasf4 = laudos.getJanelasf4();
    //Byte janelasf5 = laudos.getJanelasf5();
    String janelasObs = laudos.getJanelasObs();
    //Byte soleirasf1 = laudos.getSoleirasf1();
    //Byte soleirasf2 = laudos.getSoleirasf2();
    //Byte soleirasf3 = laudos.getSoleirasf3();
    //Byte soleirasf4 = laudos.getSoleirasf4();
    //Byte soleirasf5 = laudos.getSoleirasf5();
    String soleirasObs = laudos.getSoleirasObs();
    //Byte basculantesf1 = laudos.getBasculantesf1();
    //Byte basculantesf2 = laudos.getBasculantesf2();
    //Byte basculantesf3 = laudos.getBasculantesf3();
    //Byte basculantesf4 = laudos.getBasculantesf4();
    //Byte basculantesf5 = laudos.getBasculantesf5();
    String basculantesObs = laudos.getBasculantesObs();
    //Byte fechaduraf1 = laudos.getFechaduraf1();
    //Byte fechaduraf2 = laudos.getFechaduraf2();
    //Byte fechaduraf3 = laudos.getFechaduraf3();
    //Byte fechaduraf4 = laudos.getFechaduraf4();
    //Byte fechaduraf5 = laudos.getFechaduraf5();
    String fechaduraObs = laudos.getFechaduraObs();
    //Byte piasf1 = laudos.getPiasf1();
    //Byte piasf2 = laudos.getPiasf2();
    //Byte piasf3 = laudos.getPiasf3();
    //Byte piasf4 = laudos.getPiasf4();
    //Byte piasf5 = laudos.getPiasf5();
    String piasObs = laudos.getPiasObs();
    //Byte torneirasf1 = laudos.getTorneirasf1();
    //Byte torneirasf2 = laudos.getTorneirasf2();
    //Byte torneirasf3 = laudos.getTorneirasf3();
    //Byte torneirasf4 = laudos.getTorneirasf4();
    //Byte torneirasf5 = laudos.getTorneirasf5();
    String torneirasObs = laudos.getTorneirasObs();
    //Byte vsanitariof1 = laudos.getVsanitariof1();
    //Byte vsanitariof2 = laudos.getVsanitariof2();
    //Byte vsanitariof3 = laudos.getVsanitariof3();
    //Byte vsanitariof4 = laudos.getVsanitariof4();
    //Byte vsanitariof5 = laudos.getVsanitariof5();
    String vsanitarioObs = laudos.getVsanitarioObs();
    //Byte insteletricaf1 = laudos.getInsteletricaf1();
    //Byte insteletricaf2 = laudos.getInsteletricaf2();
    //Byte insteletricaf3 = laudos.getInsteletricaf3();
    //Byte insteletricaf4 = laudos.getInsteletricaf4();
    //Byte insteletricaf5 = laudos.getInsteletricaf5();
    String insteletricaObs = laudos.getInsteletricaObs();
    //Byte tominterrupf1 = laudos.getTominterrupf1();
    //Byte tominterrupf2 = laudos.getTominterrupf2();
    //Byte tominterrupf3 = laudos.getTominterrupf3();
    //Byte tominterrupf4 = laudos.getTominterrupf4();
    //Byte tominterrupf5 = laudos.getTominterrupf5();
    String tominterrupObs = laudos.getTominterrupObs();
    //Byte disjuntorf1 = laudos.getDisjuntorf1();
    //Byte disjuntorf2 = laudos.getDisjuntorf2();
    //Byte disjuntorf3 = laudos.getDisjuntorf3();
    //Byte disjuntorf4 = laudos.getDisjuntorf4();
    //Byte disjuntorf5 = laudos.getDisjuntorf5();
    String disjuntorObs = laudos.getDisjuntorObs();
    //Byte insthidraf1 = laudos.getInsthidraf1();
    //Byte insthidraf2 = laudos.getInsthidraf2();
    //Byte insthidraf3 = laudos.getInsthidraf3();
    //Byte insthidraf4 = laudos.getInsthidraf4();
    //Byte insthidraf5 = laudos.getInsthidraf5();
    String insthidraObs = laudos.getInsthidraObs();
    //Byte chuveirof1 = laudos.getChuveirof1();
    //Byte chuveirof2 = laudos.getChuveirof2();
    //Byte chuveirof3 = laudos.getChuveirof3();
    //Byte chuveirof4 = laudos.getChuveirof4();
    //Byte chuveirof5 = laudos.getChuveirof5();
    String chuveiroObs = laudos.getChuveiroObs();
    //Byte boxf1 = laudos.getBoxf1();
    //Byte boxf2 = laudos.getBoxf2();
    //Byte boxf3 = laudos.getBoxf3();
    //Byte boxf4 = laudos.getBoxf4();
    //Byte boxf5 = laudos.getBoxf5();
    String boxObs = laudos.getBoxObs();
    //Byte acessbanf1 = laudos.getAcesbanf1();
    //Byte acessbanf2 = laudos.getAcesbanf2();
    //Byte acessbanf3 = laudos.getAcesbanf3();
    //Byte acessbanf4 = laudos.getAcesbanf4();
    //Byte acessbanf5 = laudos.getAcesbanf5();
    String acessBanObs = laudos.getAcesbanObs();
    //Byte moveisf1 = laudos.getMoveisf1();
    //Byte moveisf2 = laudos.getMoveisf2();
    //Byte moveisf3 = laudos.getMoveisf3();
    //Byte moveisf4 = laudos.getMoveisf4();
    //Byte moveisf5 = laudos.getMoveisf5();
    String moveisObs = laudos.getMoveisObs();
    //Byte mobiliaf1 = laudos.getMobiliaf1();
    //Byte mobiliaf2 = laudos.getMobiliaf2();
    //Byte mobiliaf3 = laudos.getMobiliaf3();
    //Byte mobiliaf4 = laudos.getMobiliaf4();
    //Byte mobiliaf5 = laudos.getMobiliaf5();
    //Byte mobiliaf6 = laudos.getMobiliaf6();
    //Byte mobiliaf7 = laudos.getMobiliaf7();
    //Byte mobiliaf8 = laudos.getMobiliaf8();
    //Byte mobiliaf9 = laudos.getMobiliaf9();
    //Byte mobiliaf10 = laudos.getMobiliaf10();
    //Byte mobiliaf11 = laudos.getMobiliaf11();
    //Byte mobiliaf12 = laudos.getMobiliaf12();
    //Byte mobiliaf13 = laudos.getMobiliaf13();
    //Byte mobiliaf14 = laudos.getMobiliaf14();
    //Byte mobiliaf15 = laudos.getMobiliaf15();
    String mobiliaObs = laudos.getMobiliaObs();
    String medEnergia = laudos.getMedEnergia();
    String leitEnerIni = laudos.getLeitEnerInicial();
    String leiEnerFinal = laudos.getLeitEnerFinal();
    String leitAguaInicial = laudos.getLeitAguaInicial();
    String leitAguaFinal = laudos.getLeitAguaFinal();
    String datalaudo = laudos.getData();

    /*Date dataVistoria = laudos.getData();
    String datalaudo = null;
    if (dataVistoria != null) {
        SimpleDateFormat dataFormatada = new SimpleDateFormat("dd/MM/yyyy");
        datalaudo = dataFormatada.format(dataVistoria);
    }*/

    out.println("<td align='center'>" + codigo + "</td>");
    //System.out.println(codigo);
    out.println("<td>" + endereco + "</td>");
    out.println("<td>" + bairro + "</td>");
    out.println("<td>" + proximo + "</td>");
    out.println("<td>" + inquilino + "</td>");
    out.println("<td align='center'>" + fone1 + "</td>");
    out.println("<td align='center'>" + fone2 + "</td>");
    out.println("<td align='center'>" + fone3 + "</td>");
    out.println("<td align='center'><a href='LaudosViewCRUD?codigo=" + codigo + "'><img src='imagens/localizar.png' alt='Visualizar'></a></td>");
    //out.println("<td align='center'><a href='laudos.jsp?codigo=" + codigo + "&endereco=" + endereco + "&bairro=" + bairro + "&proximo=" + proximo + "&inquilino=" + inquilino + "&fone1=" + fone1 + "&fone2=" + fone2 + "&fone3=" + fone3 + "&proximo=" + proximo + "&p_internaobs=" + pInternaObs + "&p_externaobs=" + pExternaObs + "&murosobs=" + murosObs + "&teto_obs=" + tetoObs + "&luminariaobs=" + luminariaObs + "&piso_obs=" + piasObs + "&portasobs=" + portasObs + "&janelasobs=" + janelasObs + "&soleirasobs=" + soleirasObs + "&basculantesobs=" + basculantesObs + "&fechaduraobs=" + fechaduraObs + "&piasobs=" + piasObs + "&torneirasobs=" + torneirasObs + "&v_sanitario_obs=" + vsanitarioObs + "&inst_eletricaobs=" + insteletricaObs + "&tom_interrupobs=" + tominterrupObs + "&disjuntorobs=" + disjuntorObs + "&inst_hidraobs=" + insthidraObs + "&chuveiro_obs=" + chuveiroObs + "&boxobs=" + boxObs + "&aces_banobs=" + acessBanObs + "&moveisobs=" + moveisObs + "&mobiliaobs=" + mobiliaObs + "&med_energia=" + medEnergia + "&leit_ener_inicial=" + leitEnerIni + "&leit_ener_final=" + leiEnerFinal + "&leit_agua_inicial=" + leitAguaInicial + "&leit_agua_final=" + leitAguaFinal + "&data=" + datalaudo + "'><img src='imagens/localizar.png' alt='Visualizar'></a></td>");
    out.println("</tr>");
}

String totalRegistros = (String) request.getAttribute("sessaoqtdTotalRegistros");
int totalPaginas = Integer.parseInt(totalRegistros) / limite;
if (Integer.parseInt(totalRegistros) % limite != 0) {
    totalPaginas++;
}
out.println("<tr class='linhaEspecialTabela'><td colspan='9'>Quantidade de Laudos: " + totalRegistros + " Total de Paginas: " + totalPaginas + "</td></tr><br/>");
out.println("<tr class='linhaEspecialTabela'><td colspan='9'>Pagina:");

for (int i = 1; i <= totalPaginas; i++) {
    if (i == Integer.parseInt(numPagina)) {
        out.println("<b>" + numPagina + "</b>");
    }
}

int primeiraPagina;
if (Integer.parseInt(numPagina) > 1) {
    primeiraPagina = 1;
    out.println("<a href=LaudosCRUD?campoapesquisar=" + campoapesquisar + "&localizar=" + localizar + "&ordenacao=" + ordenacao + "&acao=listarLaudo&numpagina=" + primeiraPagina + ">Primeira</a>");
}

int paginaAnterior;
if (Integer.parseInt(numPagina) > 1) {
    paginaAnterior = Integer.parseInt(numPagina) - 1;
    out.println("<a href=LaudosCRUD?campoapesquisar=" + campoapesquisar + "&localizar=" + localizar + "&ordenacao=" + ordenacao + "&acao=listarLaudo&numpagina=" + paginaAnterior + ">Anterior</a>");
}

int proxPagina;
if (Integer.parseInt(totalRegistros) - (Integer.parseInt(numPagina) * limite) > 0) {
    proxPagina = Integer.parseInt(numPagina) + 1;
    out.println("<a href=LaudosCRUD?campoapesquisar=" + campoapesquisar + "&localizar=" + localizar + "&ordenacao=" + ordenacao + "&acao=listarLaudo&numpagina=" + proxPagina + ">Proxima</a>");
}

int ultimaPagina;
ultimaPagina = totalPaginas;
if (Integer.parseInt(totalRegistros) - (Integer.parseInt(numPagina) * limite) > 0) {
    out.println("<a href=LaudosCRUD?campoapesquisar=" + campoapesquisar + "&localizar=" + localizar + "&ordenacao=" + ordenacao + "&acao=listarLaudo&numpagina=" + ultimaPagina + ">Ultima</a>");
}
out.println("</td></tr>");
out.println("</tr>");
out.println("</table>");
#12

Menos a tag de imagem.

Fotos Parede Interna.:

<img src=“data:image/jpg;base64,${pInternaf1}” width=“240” height=“300”
<img src=“data:image/jpg;base64,${pInternaf2}” width=“240” height=“300”
<img src=“data:image/jpg;base64,${pInternaf3}” width=“240” height=“300”
<img src=“data:image/jpg;base64,${pInternaf3}” width=“240” height=“300”
<img src=“data:image/jpg;base64,${pInternaf5}” width=“240” height=“300”

#13

Olá Jose_Alvsn!

esta tag já consegui utilizando a Jquery acima, só não estou conseguindo com os campos de imagem:

Fotos Parede Interna.:

<img src=“data:image/jpg;base64,${pInternaf1}” width=“240” height=“300”
<img src=“data:image/jpg;base64,${pInternaf2}” width=“240” height=“300”
<img src=“data:image/jpg;base64,${pInternaf3}” width=“240” height=“300”
<img src=“data:image/jpg;base64,${pInternaf3}” width=“240” height=“300”
<img src=“data:image/jpg;base64,${pInternaf5}” width=“240” height=“300”

#14

Cara, que código é esse? Por que nao usa JSP com JSTL?

Eu quis dizer tabela no banco de dados, tabela para guardar em linhas as imagens do laudo. Voce está criando n campos pra guardar as imagens do laudo. Poderia ter uma tabela laudo_imagem, mas isso é outro assunto, enfim…

<img src=“data:image/jpg;base64,${pInternaf1}” width=“240” height=“300”

Tem certeza que esse é o código HTML que está no browser? Se for está chegando errado no browser com expression language que só o Java entende no servidor.

#15

Este arquivo que enviei agora a pouco para você é um arquivo tag, não jsp. Esqueça isso pois a tabela está funcionando perfeitamente, somente a visualização do laudo é que não estou conseguindo ocultar o campo da imagem quando for nulo.
Isso resolvido o sistema ficará ótimo!!!

#16

Entao posta o código da tag img a ser ocultada que está no browser.

#17

<img src=“data:image/jpg;base64,${pInternaf1}” width=“240” height=“300”

#18

mas ai eu teria de criar relacionamentos, é mais trabalhoso!!!

#19

Mais trabalhoso criar um relacionamento do que criar 160 campos e ficar escrevendo 160 linhas toda hora que precisar? Se acha isso, tudo bem.

<img src=“data:image/jpg;base64,${pInternaf1}” width=“240” height=“300”

Se está chegando assim no browser, já foi dito que o browser nao entende expression language.
Se quer usar aquele jquery, pra funcionar, esse atributo scr deve chegar em branco no browser se a imagem tiver nula.
Pra tratar do lado servidor as dicas já foram dadas.