Jump to content

henriquers

Members
  • Content count

    12
  • Joined

  • Last visited

Community Reputation

0 Comum

About henriquers

  • Birthday 11/14/1994

Informações Pessoais

  • Sexo
    Masculino
  1. henriquers

    Evento em option select

    Bom Dia a todos ! Gostaria de saber se tem algum modo de executar um evento em um option do select por exemplo: Um select com vários produtos aparecendo apenas o código do produto e a descrição de cada um, e quando passa o mouse sobre um deles no select inicia um evento que carrega uma imagem do produto ao lado do select sem precisar clikar no produto para aparecer a imagem. Eu consegui fazer colocando um onchange no select, mas gostaria um que não precise clicar no produto para aparecer a imagem, carregando a imagem quando passa o mouse nas opções do select. Desde já agraço a ajuda.
  2. Estou com um problema com o Select2, ele tem um campo de busca mas não esta filtrando corretamente e não estou entendo o motivo, sem utilizar o AJAX colocando os options manualmente ele funciona corretamente, mas trazendo os dados via AJAX ele não funciona o campo de busca. Se aguem poder me dar uma luz agradeço a ajuda. Nessa imagem estou tentando filtrar apenas para os itens que tenha LUVA na descrição, mas não funciona, posso colocar qual quer coisa que ele não faz o filtro Abaixo segue meu codigo HTML <!DOCTYPE HTML PUBLIC> <HTML> <HEAD> <TITLE> Select2 </TITLE> <link href="select2/select2.css" rel="stylesheet" type="text/css" /> <script src="https://code.jquery.com/jquery-latest.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/i18n/pt-BR.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css" rel="stylesheet"/> <script> $(document).ready(function(){ $("#selUser").select2({ language: "pt-br", ajax: { url: "get_dados.php", type: "GET", dataType: 'json', delay: 200, data: function (params) { return { q: params.term, // search term page: params.page }; }, processResults: function (response) { return { results: response }; }, cache: true }, width: "20%", closeOnSelect: true, }); }); </script> </head> <body> <select id='selUser' style='width: 200px;'> <option value='0'>- Search user -</option> </select> </body> </html> get_dados.php <?php include './conn_orcl.php'; $select="SELECT PRO_CODPRO PRODUTO,TRIM(PRO_DESCRI) DESCRICAO FROM F_PRODS WHERE PRO_LOCEST='ALMOX' AND PRO_STATUS = 'AT' ORDER BY DESCRICAO"; $parse=oci_parse($conn,$select); oci_execute($parse); $data = array(); while($row=oci_fetch_array($parse)){ $data[] = array("id"=>$row['PRODUTO'], "text"=>$row['PRODUTO']." - ".$row['DESCRICAO']); }; echo json_encode($data); ob_end_flush(); oci_free_statement($parse); oci_close($conn); ?>
  3. henriquers

    Inserindo <option></option> através do Ajax

    Esses são os dados que estão vindo através do get_dados.php <?php include './conn_orcl.php'; $select="SELECT PRO_CODPRO PRODUTO,TRIM(PRO_DESCRI) DESCRICAO FROM F_PRODS WHERE PRO_LOCEST='ALMOX' AND PRO_STATUS = 'AT' ORDER BY DESCRICAO"; $parse=oci_parse($conn,$select); oci_execute($parse); while ($fetch=oci_fetch_array($parse)){ $cod = $fetch['PRODUTO']; $desc = $fetch['DESCRICAO']; $option = $option."<option>$cod - $desc</option>"; } echo $option; ob_end_flush(); oci_free_statement($parse); oci_close($conn); ?>
  4. henriquers

    Inserindo <option></option> através do Ajax

    Bom Dia, Entendi muito Obrigado, pela ajuda. Consegui fazer com que o option aparecesse dentro do select, mas esta aparecendo apenas o primeiro dado do Select e o restante não, saberia me informar o porque ? $( document ).ready(function() { $("#testeSelect").select2({ placeholder: "Selecione o Produto !", ajax: { type: 'POST', url: './get_dados.php', cache: false, success: function(response){ $("#testeSelect").html(response); } }, width: "50%" }); });
  5. Bom Dia, Estou com uma dificuldade para conseguir colocar os options de um select dentro do mesmo utilizando Ajax, as informações estão vindo corretas mas na hora de enviar para o HTML que eu acho que estou fazendo alguma coisa errada, estou utilizando o select2 pois tenho necessidade de colocar imagens dentro dos <option> para cada item que trouxer, segue o código utilizado a baixo: index.php <html> <head> <title>TESTE</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/i18n/pt-BR.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js"></script> <script language="JavaScript" src="javascript.js"></script> <!-- Arquivo JavaScript --> <link rel="stylesheet" href="estilo.css"/> <!-- Arquivo de Estilo CSS --> </head> <body> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css" rel="stylesheet"/> <select id="testeSelect"> <span id="respSelect"></span> </select> </body> <script> carrega_produtos(); </script> </html> javascript.js function carrega_produtos(){ var verifica = 'get_produto'; $('.load').show(); jQuery.ajax({ type: 'POST', url: './get_dados.php', data: 'verifica='+ verifica, cache: false, success: function(response){ $("#respSelect").html(response); $('.load').hide(); } }); } $( document ).ready(function() { function formatProduto (option) { if (!option.id) { return option.text; } var ob = '<img src="../../img/oculos_teste.jpg" />' + option.text; return ob; }; $("#testeSelect").select2({ placeholder: "Selecione o Produto !", width: "20%", templateResult: formatProduto }); }); get_dados.php <?php include './conn_orcl.php'; $verifica = $_POST['verifica']; if($verifica == 'get_produto' ) { $select="SELECT PRO_CODPRO PRODUTO,TRIM(PRO_DESCRI) DESCRICAO FROM F_PRODS WHERE PRO_LOCEST='ALMOX' AND PRO_STATUS = 'AT' ORDER BY DESCRICAO"; $parse=oci_parse($conn,$select); oci_execute($parse); while ($fetch=oci_fetch_array($parse)){ $cod = $fetch['PRODUTO']; $desc = $fetch['DESCRICAO']; $option = $option."<option>$cod - $desc</option>"; } echo $option; } ob_end_flush(); oci_free_statement($parse); oci_close($conn); ?> As informações estão vindo corretas, mas não consigo aparecer no select Agradeço quem poder me dar uma luz, Obrigado.
  6. Boa Tarde, Sou novo no mundo da programação e estou programando em web e gostaria de colocar um SELECT que no OPTION tenha imagem e um campo para busca caso necessário, eu consegui fazer com a biblioteca do DDSLICK mas não consegui colocar um campo de busca, alguém sabe se é possível colocar esse campo utilizando o DDSLICK ? esse SELECT a cima eu fiz utilizando o ddslick era mais ou menos assim que eu gostaria, mas não tem um campo de busca esse a cima tem o campo de busca mas não consigo inserir as imagens nesse de cima utilizei o SELECT2 precisaria da junção dos dois, se alguém souber como me ajudar eu agradeço.
  7. henriquers

    Ajustar tamanho do Datepicker

    Bom Dia a todos, Estou com um problema implementei o Plugin do Bootstrap DatePicker mas estou tendo problema para ajustar o tamanho, ele esta saindo da borda dele. Ele esta com esse problema, alguem sabe o que posso fazer para arrumar. script -> $('.datepicker').datepicker({ startDate: '-10y', format: "dd/mm/yyyy", todayBtn: "linked", forceParse: false, autoclose: true, todayHighlight: true, language: 'pt-BR', });
  8. henriquers

    Ocultar colunas de tabelas

    Muito Obrigado, Era exatamente isso que eu precisava !
  9. henriquers

    Ocultar colunas de tabelas

    Bom Dia, Estou fazendo um sistema para armazenar documento e tenho algumas tabelas de consulta onde a mesma aparece algumas informações necessarias como ID , Nome etc e estou tentando Ocultar a coluna que esta o ID para que o usuario não consiga ver,estou utilizando o seguinte codigo para ocultar a coluna. <script> $("#tabela_cons").ready(function () { $('td:nth-child(1),th:nth-child(1)').hide(); }); </script> A coluna fica oculta certinho do modo que eu quero, mas esse código esta afetando as outras tabelas que eu tenho na pagina também, e não sei como ocultar apenas na tabela que eu desejo que seja oculta no caso a tabela com ID = tabela_cons;
  10. Bom Dia, Estou com um problema por exemplo: Tenho um Input List que mostra varias opções, no qual o usuário pode digitar o código do produto ate filtrar para apenas um. Existe uma maneira de selecionar automaticamente esse opção ?
  11. henriquers

    Input List

    Boa Tarde, Estou fazendo um sistema para minha empresa de controle de Almoxarifado, e fiz um Input list que mostra todos os produtos cadastrados no banco de dados, gostaria saber se existe alguma função ou método para selecionar o item dessa list sem precisar clicar com o mouse ou apertar a seta pra baixo e selecionar o item. Porque estou fazendo um sistema para que ele utilize um leitor de código de barras, e quando ele inserir o código, aparece o Código do produto e a Descrição, gostaria de fazer apertando o Tab, mas quando aperto TAB ele não seleciona o item e deixa escrito no input sem ter selecionado o item.
  12. henriquers

    Input List

    Boa Tarde, Estou fazendo um sistema para minha empresa de controle de Almoxarifado, e fiz um Input list que mostra todos os produtos cadastrados no banco de dados, gostaria saber se existe alguma função ou método para selecionar o item dessa list sem precisar clicar com o mouse ou apertar a seta pra baixo e selecionar o item. Porque estou fazendo um sistema para que ele utilize um leitor de código de barras, e quando ele inserir o código, aparece o Código do produto e a Descrição, gostaria de fazer apertando o Tab, mas quando aperto TAB ele não seleciona o item e deixa escrito no input sem ter selecionado o item.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.