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:  
Joseph Renato

HTML criar filtro automático html

Recommended Posts

Por favor, estou tentado mas sem sucesso criar este tipo de arquivo html que funcione em uma única folha de formúlario. Segue abaixo o código do arquivo index.

<DOCTYPE html>
<html>
<meta charset="UTF-8"/>
<link rel="stylesheet" type="text/css" href="estilo.css"/>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<head>
</head>
<body>
<div id="divConteudo">
<table id="tabela">
<thead>
<tr>
<th>Código</th>
<th>Descrição</th>
<th>Grupo</th>
</tr>
<tr>
<th><input type="text" id="txtColuna1"/></th>
<th><input type="text" id="txtColuna2"/></th>
<th><input type="text" id="txtColuna3"/></th>
</tr>
</thead>
<tbody>
<tr>
<td>001.01-A</td>
<td>Feijão preto</td>
<td>Cerais</td>
</tr>
<tr>
<td>001.02-B</td>
<td>Feijão branco</td>
<td>Cerais</td>
</tr>
<tr>
<td>002.10-C</td>
<td>Arroz parboilizado</td>
<td>Cerais</td>
</tr>
<tr>
<td>003.12-D</td>
<td>Iogurte de morango</td>
<td>Laticínios</td>
</tr>
<tr>
<td>041.27-E</td>
<td>Sabão em pó</td>
<td>Limpeza</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

 

Na parte estilo.Css vem assim o código:


 

corpo{ 
  font-family: Verdana; 
} 
#tabela { 
  largura: 100%; 
  borda: solid 1px; 
  texto-alinhamento: esquerda; 
  colapso de fronteira: colapso; 
} 
#tabela tbody tr { 
  borda: sólido 1px; 
  altura: 30px; cursor: ponteiro; 
} 
#tabela thead { 
  fundo: bege;
} 
#tabela thead th: nth-child (1) { 
  largura: 100px; 
} 
#tabela input { 
  cor: marinha; 
  largura: 100%; 
}

Na parte script.Js vem assim o código:

 

$ (function () { 
  $("#tabela input").keyup(function (){ 
    var index = $ (this) .parent (). index (); 
    var nth = "#tabela td: nth-child (" + ndice + 1) .toString () + ")"; 
    var valor = $ (este) .val (). toUpperCase (); 
    $ ("# tabela tbody tr"). show (); 
    $ (nth) .each (function () {
      se ($ (este) .text (). toUpperCase (). indexOf (valor) <0) 
      { 
        $ (this) .parent (). hide (); 
      } 
    }); 
  }); 
  $ ("# tabela input"). borrão (function () {
    $ (este) .val (""); 
  }); 
});

 

 

eSTOU TENTANDO COLOCAR TUDO EM UM UNICO CÓDIGO HTML

 

 

 

 

Editado por DiF
Remover código extenso demais desnecessário e excesso de formatação

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Joseph Renato

Não sei se entendi,  mas você está tentando colocar o conteúdo do arquivo jquery versão minified no seu HTML, ao invés de carregar pelo CDN como estas fazendo agora?

 

Se sim, basta você baixar o arquivo jQuery minified e colocar na mesma pasta do seu arquivo JS.. aí carregar da mesma forma que ele:

 

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

Em tempo,  essa versão é ultrapassada , atualmente está na versão 3.2.1

PS: clique no link que diz: " Download the compressed, production jQuery 3.2.1"

 

Além disso, recomendo que edite seus códigos, para corrigir as "traduções" indesejadas no código. Visto que você postou eles sem o uso do botão CODE<> algumas palavras ficaram em português, estragando o código.

Editado por DiF

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






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

×