Ir para conteúdo

Guga Alves

Members
  • Total de itens

    16
  • Registro em

  • Última visita

Reputação

1 Comum

Sobre Guga Alves

Contato

  1. Larissa, eu oculto os itens do MAPs identificando sua class no html é dando um E simples, porém funciona.
  2. Guga Alves

    Pesquisar e ocultar/mostrar conteúdos

    Preciso fazer uma pesquisa em uma DIV X, baseado no que for encontrado nas DIVs filhas da DIV X, os itens serão mostrados ou ocultados. Encontrei um exemplo que faz exatamente o que preciso fazer, porém ela esta sendo feita em uma tabela: <div class="cont"> <input type="text" class="input-search" alt="lista-clientes" placeholder="Buscar nesta lista" /> <br style="clear:both"> <table class="lista-clientes" width="100%"> <thead> <tr> <th align="center" width="5%">#</th> <th>Cliente</th> <th>Carro</th> </tr> </thead> <tbody> <tr> <td align="center">1</td> <td>José Ribeiro</td> <td>VW Gol 1.0</td> </tr> <tr> <td align="center">2</td> <td>Maria Conceição</td> <td>Fiat Palio 1.0</td> </tr> <tr> <td align="center">3</td> <td>Lourdes Silva</td> <td>Chevrolet Cosa 1.0</td> </tr> <tr> <td align="center">4</td> <td>Marcos Henrique</td> <td>VW Jetta 2.0</td> </tr> </tbody> </table> </div> $(function(){ $(".input-search").keyup(function(){ //pega o css da tabela var tabela = $(this).attr('alt'); if( $(this).val() != ""){ $("."+tabela+" tbody>tr").hide(); $("."+tabela+" td:contains-ci('" + $(this).val() + "')").parent("tr").show(); } else{ $("."+tabela+" tbody>tr").show(); } }); }); $.extend($.expr[":"], { "contains-ci": function(elem, i, match, array) { return (elem.textContent || elem.innerText || $(elem).text() || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0; } }); /* > Para o input */ .input-search{ border:1px solid #CCC; padding:5px 14px; font-size:12px; margin:10px 0; float:right; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; border-radius:15px; } .input-search::-webkit-input-placeholder{ font-style:italic } .input-search:-moz-placeholder { font-style:italic } .input-search:-ms-input-placeholder { font-style:italic } table.lista-clientes{ border-collapse:collapse; font-size:12px; font-family:Tahoma, Geneva, sans-serif; } table.lista-clientes th{ padding:5px; background:#EEE; border:1px solid #CCC; } table.lista-clientes td{ padding:3px; border:1px solid #CCC; } .cont{ width:300px; margin:30px; overflow:hidden; } Alguém que realmente entenda de Jquery pode me ajudar a adaptar este exemplo para utilização com divs e classes?
  3. Guga Alves

    Erro SQL (1452)

    Preciso criar uma chave estrangeira, porém o seguinte erro esta retornando Erro SQL 1452. Coloquei uma imagem anexada, se alguém puder clarear minha mente sobre o problema, ficarei grato. Obrigado!
  4. Guga Alves

    CheckBox - Exibir conteúdo de acordo com seleção

    Perfeito, obrigado por garantir minha nota :D. Espero poder retribuir a ajuda qualquer hora destas :D
  5. Guga Alves

    CheckBox - Exibir conteúdo de acordo com seleção

    Wanderval. Obrigado pela resposta, isso é mais ou menos sim o que queria, porém o item que foi selecionado deve "sumir" quando for "descelecionado" ou for selecionado outra opção, por isso usei switch.
  6. Olá, estou tentando exibir determinado conteúdo de acordo com o checkbox selecionado, até esta etapa tudo ok, com a ajuda do Marcos, que me respondeu este tópico: clique aqui consegui fazer com que o conteúdo seja exibido. Agora vem a segunda parte que é onde estou apanhando miseravelmente, que fazer com que o item selecionado fique com uma borda para mostrar que ele esta sendo selecionado, fiz um class, especialmente para tal chamada "borda", que deveria ser ativada de acordo com o item selecionado, porem a marcação não esta ocorrendo como deveria. A marcação não esta sendo exibida e o itens não estão ocultando. Estou criando com opção "onclick" abaixo o código: HTML: <form> <label>Opção 1</label> <input type="checkbox" name="1" id="1" value="1" onclick="return itemSelect(this)"/><br> <label>Opção 2</label> <input type="checkbox" name="2" id="2" value="2" onclick="return itemSelect(this)"/><br> <label>Opção 3</label> <input type="checkbox" name="3" id="3" value="3" onclick="return itemSelect(this)"/><br> <label>Opção 4</label> <input type="checkbox" name="4" id="4" value="4" onclick="return itemSelect(this)"/> </form> <div class="item-1" style="display:none">Item 1</div> <div class="item-2" style="display:none">Item 2</div> <div class="item-3" style="display:none">Item 3</div> <div class="item-4" style="display:none">Item 4</div> CSS: .borda { border: 1px solid red; padding: 10px; box-sizing: border-box; } .closed { display: none; } JAVASCRIPT function itemSelect(elem) { $('.closed').hide(); var si = $(elem).val(); switch (si) { case '1': $('.item-1').fadeIn(); $('#1').addClass('borda'); break; case '2': $('.item-2').fadeIn(); $('#2').addClass('borda'); break; case '3': $('.item-3').fadeIn(); $('#3').addClass('borda'); break; case '4': $('.item-4').fadeIn(); $('#4').addClass('borda'); break; } } Podem identificar onde estou errando é se possível me ajudar a fazer esta joça funcionar? Obrigado!
  7. Guga Alves

    Exibição de conteúdo no HTML com Jquery

    sim eu vi, porém, eu tinha atualizado minha resposta anterior. Foi justo sua alteração no nome da classe .doc, que fez com que eu resolvesse verificar o css, ao invés de ficar preso ao JS. Muito obrigado! Só preciso descobrir como mudar o status para resolvido! Abraços!
  8. Guga Alves

    Exibição de conteúdo no HTML com Jquery

    Creio que deve estar rolando algum conflito no meu código, como não tenho experiencia em manipular JS, estou apanhando pra cassete. Vou rever meu código e procurar a falha, valeu pela atenção! Bom graças a sua ajuda, encontrei o problema. Minha classe ".doc", que deveria manter os itens não selecionados, estava sem o ".", no arquivo css, por este motivo os itens não estavam saindo após serem chamados. Muito Obrigado.
  9. Guga Alves

    Exibição de conteúdo no HTML com Jquery

    Oi Marcos, obrigado por tentar ajudar com meu problema. Eu na verdade já tinha havia tentado esta solução, e o resultado foi o mesmo. Ele continua mostrando os conteúdos de ambas as divs simultaneamente, quando escolha a opção 1 e depois seleciono a opção 2. Eu quero mostrar apenas uma delas por vez.
  10. Guga Alves

    Exibição de conteúdo no HTML com Jquery

    Preciso exibir conteúdo de acordo com a opção selecionada em um select, porém as informações não estão sendo carregadas. Segue código: html: a Seleção <select name="form" class="form-control m-input" onchange="return itemSelect"> <option value="">Selecione o tipo...</option> <option value="1">Opção 1</option> <option value="2">Opção 2</option> </select> html: divs <div class="opcao-1"> //Div esta com style:none// Conteudo. </div> <div class="opcao-2"> //Div esta com style:none// Conteudo </div> JS: <script type="text/javascript"> function itemSelect(elem) { $('.doc').hide(); var ind = $(elem).val(); switch (ind) { case '1': $('.opcao-1').fadeIn(); break; case '2': $('.opcao-2').fadeIn(); break; } } </script> Ao selecionar o item 1, ele exibe o conteúdo da DIV selecionada, porém se seleciono a opção 2, o conteúdo da opção 1 continua sendo exibida. Gostaria de ter a ajuda de vocês para saber o que estou fazendo de errado, sou muito ruim com JS, se puderem também me arrumar conteúdo para estudos fico grato.
  11. Guga Alves

    Colocar div lado a lado

    Usando css FLEX, para conteúdo responsivo: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Titulo</title> <style> *{ margin: 0; padding: 0; font-family: sans-serif; color: #363636; } body, html{ width: 100%; height: 100%; background-color: #bfbfbf; } .container { width: 100%; height: 100%; display: flex; flex-direction: column; } .row { width: 100%; display: flex; flex-direction: row; } .col-content { width: 320px; height: 640px; } .col { display: flex; justify-content: center; align-items: center; width: 100%; height: 320px; color: #fff; } .item-2 { background-color: #4bacc6; } .item-3 { background-color: #f79646; } .col-section { display: flex; justify-content: center; align-items: center; width: 100%; height: 640px; background-color: #002060; color: #fff; } .footer { padding-top: 15px; padding-bottom: 15px; background-color: #c0504d; text-align: center; color: #fff; } </style> </head> <body> <div class="container"> <div class="row"> <div class="col-content"> <div class="col item-2"> BANNER </div> <div class="col item-3"> MENU </div> </div> <div class="col-section"> CONTEÚDO </div> </div> <div class="footer"> RODAPÉ </div> </div> </body> </html> Você pode ver como ficou o Resultado Arraste as divisões do site para ver o resultado
  12. Guga Alves

    Boleto Bancário com OpenBoleto

    Muito obrigado pela ajuda. Eu resolvi criar dois controllers, foi a forma mais segura. Obrigado pela atenção, forte abraço!
  13. Guga Alves

    Boleto Bancário com OpenBoleto

    A entendi, desculpe. Sou relativamente novo em PHP. Fiquei muito tempo preso a designer. Resolvi investir em PHP agora, é já de cara me meti com ZF2. Estou sofrendo feito um condenado, porém estou gostando muito! Sobre a pergunta: pergunta 1: (Quem irá escolher de qual banco virá o boleto: sistema ou usuário?) A escolha será feita pelo cliente, ele poderá escolher Banco A ou Banco B. O Sistema apenas disponibilizara as duas opções. Pergunta 2: (Quando esta escolha será feita: no recebimento da venda ou apenas na hora de imprimir o boleto?) A escolha será feita apenas na hora de imprimir o boleto. Pergunta 3: (Existe algum outro critério que determinará a escolha do quando (quando esta escolha é feita pelo sistema): o valor do boleto, a disponibilidade ou alguma outra parametrização?) Todos os dados são pre-preenchidos em formulário do administrador, ao cadastrar um novo boleto já será preenchido todas as informações(valores, vencimentos, etc), tudo vem da Base de Dados, pre-cadastrada, a unica escolha na hora de imprimir será pelo banco que será usado. Sem querer abusar, se souber alguma biblioteca de conhecimento de ZF, para estudo ficarei grato. Desde, já obrigado pela ajuda inicial!
  14. Guga Alves

    Boleto Bancário com OpenBoleto

    O valor que será pago já foi pre-informado em uma lista de preenchimento anterior, que salva esta informação no BD. Quando listo os boletos para impressão todas as informações já vem pre-informadas, inclusive o valor que será gerado e as parcelas.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.