Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
Entre para seguir isso  
Bea_99

JQuery Pesquisa na Tabela (Jquery + Json)

Recommended Posts

Citação

EX - Crie um arquivo no formato JSON dentro de uma variável para representar a base de dados de livros de uma Biblioteca que contenha os seguintes campos: título, autor, edição, ano de publicação, editora, local de publicação, classificação, código, assunto. • Crie o arquivo com pelo menos 5 registros.

 

Em seguida faça o código JavaScript necessário para a definição abaixo:

Crie um arquivo HTML com um formulário com os campos: Título e Classificação e um botão "Pesquisar" que chame uma função para pesquisar os registros com base no que for informado em um dos campos.

Apresente o resultado em forma de tabela HTML (utilize jQuery + JSON).

 

Minha dúvida é: como posso colocar para pesquisar o título e/ou classificação? No caso, como realizar essa função exibeDados? (Segue meu código abaixo)

 

<html>

<head>
    <meta charset="utf-8" />
    <script src="js/jquery.min.js"></script>
    <script src="biblioteca.js"></script>
    <script>
        $(function() {

            $("#btn").click(exibeDados);
            $("#btn2").click(function() {
                apagaTudo();
            });
            
            armazenaDados();

        });

        function armazenaDados() {
            x = biblioteca.length;
            for (i = 0; i < x; i++) {
                $("#relatorio").append("<tr><td>" + biblioteca[i].livro.titulo + "</td><td class='classe1'>" +
                    biblioteca[i].livro.cod +
                    "</td><td class='classe1'>" + biblioteca[i].livro.autor +
                    "</td><td class='classe1'>" + biblioteca[i].livro.edicao +
                    "</td><td>" + biblioteca[i].livro.ano_publi +
                    "</td><td class='classe1'>" + biblioteca[i].livro.local_publi +
                    "</td><td class='classe1'>" +
                    biblioteca[i].livro.editora +
                    "</td><td class='classe1'>" +
                    biblioteca[i].livro.classificacao +
                    "</td><td class='classe2'>" + biblioteca[i].livro.assunto +
                    "</td></tr>");;
            }
        }     

        function apagaTudo() {
            $("#relatorio").html("");
        }

    </script>
</head>

<body>

    <h2 class="titulo">BIBLIOTECA</h2>
    <div class="container">
        <form action="" name="registration">
            Título: <input type="text" name="titulo" class="input-search" id="id_titulo" placeholder="Digite o Título do livro" autofocus><br><br> Assunto: <input type="text" name="classificacao" id="id_classificacao" placeholder="Gênero do Livro"><br><br>Classificação: <input type="text" name="classificacao" id="id_classificacao" placeholder="Classificação indicativa">
            <br><br>
            <input type="button" value="Pesquisar" id="btn">
            <input type="button" value="Apagar" id="btn2">
        </form>
    </div>

    <table border='1' id="relatorio">
        <th>TÍTULO</th>
        <th>CÓDIGO</th>
        <th>AUTOR</th>
        <th>EDIÇÃO</th>
        <th>ANO DE PUBLICAÇÃO</th>
        <th>LOCAL DE PUBLICAÇÃO</th>
        <th>EDITORA</th>
        <th>CLASSIFICAÇÃO</th>
        <th>ASSUNTO</th>
    </table>
</body>

</html>

 

Não estou conseguindo...

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Entre para seguir isso  





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×