violin101

Caio Vargas, saudações... Select Box Dinamico usando Ajax <?php /* * * Codeigniter Dynamic Dependent Select Box using Ajax * /* -- -- Database: `country_state_city` -- -- -------------------------------------------------------- -- -- Table structure for table `country` -- CREATE TABLE `country` ( `country_id` int(11) NOT NULL, `country_name` varchar(250) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; -- -- Dumping data for table `country` -- INSERT INTO `country` (`country_id`, `country_name`) VALUES (1, 'USA'), (2, 'Canada'), (3, 'Australia'), (4, 'India'); -- -- Indexes for dumped tables -- -- -- Indexes for table `country` -- ALTER TABLE `country` ADD PRIMARY KEY (`country_id`); -- -- AUTO_INCREMENT for dumped tables -- -- -- AUTO_INCREMENT for table `country` -- ALTER TABLE `country` MODIFY `country_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5; -- -- Database: `country_state_city` -- -- -------------------------------------------------------- -- -- Table structure for table `state` -- CREATE TABLE `state` ( `state_id` int(11) NOT NULL, `country_id` int(11) NOT NULL, `state_name` varchar(250) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; -- -- Dumping data for table `state` -- INSERT INTO `state` (`state_id`, `country_id`, `state_name`) VALUES (1, 1, 'New York'), (2, 1, 'Alabama'), (3, 1, 'California'), (4, 2, 'Ontario'), (5, 2, 'British Columbia'), (6, 3, 'New South Wales'), (7, 3, 'Queensland'), (8, 4, 'Karnataka'), (9, 4, 'Telangana'); -- -- Indexes for dumped tables -- -- -- Indexes for table `state` -- ALTER TABLE `state` ADD PRIMARY KEY (`state_id`); -- -- AUTO_INCREMENT for dumped tables -- -- -- AUTO_INCREMENT for table `state` -- ALTER TABLE `state` MODIFY `state_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=10; -- -- Database: `country_state_city` -- -- -------------------------------------------------------- -- -- Table structure for table `city` -- CREATE TABLE `city` ( `city_id` int(11) NOT NULL, `state_id` int(11) NOT NULL, `city_name` varchar(250) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; -- -- Dumping data for table `city` -- INSERT INTO `city` (`city_id`, `state_id`, `city_name`) VALUES (1, 1, 'New York city'), (2, 1, 'Buffalo'), (3, 1, 'Albany'), (4, 2, 'Birmingham'), (5, 2, 'Montgomery'), (6, 2, 'Huntsville'), (7, 3, 'Los Angeles'), (8, 3, 'San Francisco'), (9, 3, 'San Diego'), (10, 4, 'Toronto'), (11, 4, 'Ottawa'), (12, 5, 'Vancouver'), (13, 5, 'Victoria'), (14, 6, 'Sydney'), (15, 6, 'Newcastle'), (16, 7, 'City of Brisbane'), (17, 7, 'Gold Coast'), (18, 8, 'Bangalore'), (19, 8, 'Mangalore'), (20, 9, 'Hydrabad'), (21, 9, 'Warangal'); -- -- Indexes for dumped tables -- -- -- Indexes for table `city` -- ALTER TABLE `city` ADD PRIMARY KEY (`city_id`); -- -- AUTO_INCREMENT for dumped tables -- -- -- AUTO_INCREMENT for table `city` -- ALTER TABLE `city` MODIFY `city_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=22; */ ?> //-------------------------------------------------------------------------- /* * Dynamic_dependent.php(Controller) */ <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); class Dynamic_dependent extends CI_Controller { public function __construct() { parent::__construct(); $this->load->model('dynamic_dependent_model'); } function index() { $data['country'] = $this->dynamic_dependent_model->fetch_country(); $this->load->view('dynamic_dependent', $data); } function fetch_state() { if($this->input->post('country_id')) { echo $this->dynamic_dependent_model->fetch_state($this->input->post('country_id')); } } function fetch_city() { if($this->input->post('state_id')) { echo $this->dynamic_dependent_model->fetch_city($this->input->post('state_id')); } } } ?> //-------------------------------------------------------------------------- /* * Dynamic_dependent_model.php(Model) */ <?php class Dynamic_dependent_model extends CI_Model { function fetch_country() { $this->db->order_by("country_name", "ASC"); $query = $this->db->get("country"); return $query->result(); } function fetch_state($country_id) { $this->db->where('country_id', $country_id); $this->db->order_by('state_name', 'ASC'); $query = $this->db->get('state'); $output = '<option value="">Select State</option>'; foreach($query->result() as $row) { $output .= '<option value="'.$row->state_id.'">'.$row->state_name.'</option>'; } return $output; } function fetch_city($state_id) { $this->db->where('state_id', $state_id); $this->db->order_by('city_name', 'ASC'); $query = $this->db->get('city'); $output = '<option value="">Select City</option>'; foreach($query->result() as $row) { $output .= '<option value="'.$row->city_id.'">'.$row->city_name.'</option>'; } return $output; } } ?> //-------------------------------------------------------------------------- /* * dynamic_dependent.php(View) */ <html> <head> <title>Codeigniter Dynamic Dependent Select Box using Ajax</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <style> .box { width:100%; max-width: 650px; margin:0 auto; } </style> </head> <body> <div class="container box"> <br /> <br /> <h3 align="center">Codeigniter Dynamic Dependent Select Box using Ajax</h3> <br /> <div class="form-group"> <select name="country" id="country" class="form-control input-lg"> <option value="">Select Country</option> <?php foreach($country as $row) { echo '<option value="'.$row->country_id.'">'.$row->country_name.'</option>'; } ?> </select> </div> <br /> <div class="form-group"> <select name="state" id="state" class="form-control input-lg"> <option value="">Select State</option> </select> </div> <br /> <div class="form-group"> <select name="city" id="city" class="form-control input-lg"> <option value="">Select City</option> </select> </div> </div> </body> </html> <script> $(document).ready(function(){ $('#country').change(function(){ var country_id = $('#country').val(); if(country_id != ''){ $.ajax({ url:"<?php echo base_url(); ?>dynamic_dependent/fetch_state", method:"POST", data:{country_id:country_id}, success:function(data){ $('#state').html(data); $('#city').html('<option value="">Select City</option>'); } }); } else { $('#state').html('<option value="">Select State</option>'); $('#city').html('<option value="">Select City</option>'); } }); $('#state').change(function(){ var state_id = $('#state').val(); if(state_id != ''){ $.ajax({ url:"<?php echo base_url(); ?>dynamic_dependent/fetch_city", method:"POST", data:{state_id:state_id}, success:function(data){ $('#city').html(data); } }); } else { $('#city').html('<option value="">Select City</option>'); } }); }); </script> Espero ter ajudado. Atenciosamente, Cesar

Biel, saudações... Embora não colocou a sua rotina para podermos auxiliar em sua dúvida. Vou tentar te ajudar. Para impressão ou qualquer outra rotina que queira usar para não repetir dados, você poder usar a função do MySql: Group By Essa função irá agrupar todos os Campos na sua Base de Dados como por exemplo: id = 1 --- cod: 2 id = 2 --- cod: 1 id = 3 --- cod: 3 id = 4 --- cod: 2 id = 5 --- cod: 1 Explicando o sql: SELECT coluna_nome(s) FROM tabela_nome WHERE condição GROUP BY coluna_nome(s) ORDER BY coluna_nome(s) O Seu SQL ficaria assim: SELECT * FROM produto GROUP BY cod_categoria //aqui vai agrupar todos os campos iguais ORDER BY codprod ASC; //ordem de impressão Espero ter ajudado. Cesar

Olá Thiago Segue um exemplo simples, para entender. Espero ter ajudado. <!DOCTYPE html> <html> <head> <?php include"config.php"; ?> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>PDO Update</title> <link rel="stylesheet" href=""> </head> <body> <?php if (isset($_POST['atualizar'])) { $campo1 = strip_tags(trim($_POST['campo1'])); $campo2 = strip_tags(trim($_POST['campo2'])); $id = strip_tags(trim($_POST['id'])); $sql_atualiza = 'UPDATE teste SET campo1 = :campo1, campo2 = :campo2 WHERE id = :id'; try{ $query_update = $conecta->prepare($sql_atualiza); $query_update->bindValue(':campo1',$campo1,PDO::PARAM_STR); $query_update->bindValue(':campo2',$campo2,PDO::PARAM_STR); $query_update->bindValue(':id',$id,PDO::PARAM_STR); $query_update->execute(); echo 'Atualizado com sucesso!'; } catch (PDOexception $error_update){ echo 'Erro em atualizar'.$error_update->getMessage(); } } ?> <?php $sql_select = 'SELECT * FROM teste '; try{ $query_select = $conecta->prepare($sql_select); $query_select->execute(); $resultado_query = $query_select->fetchAll(PDO::FETCH_ASSOC); $count = $query_select->rowCount(PDO::FETCH_ASSOC); echo 'Econtramos '.$count. ' Resultado(s)<br/>'; } catch (PDOException $error_select){ echo 'Erro ao selecionar !'.$error_select->getMessage(); } foreach ($resultado_query as $res) { $id = $res['id']; $campo1 = $res['campo1']; $campo2 = $res['campo2']; ?> <!--Função multipart/form-data -> o formulário está sendo executado dentro da própria página --> <form name="atualizar" action="" method="post" enctype="multipart/form-data"> Campo1: <input type="text" name="campo1" value="<?php echo $campo1; ?>" /><br/> Campo2: <input type="text" name="campo2" value="<?php echo $campo2; ?>"/><br/> <input type="hidden" name="id" value="<?php echo $id; ?>"/><br/> <input type="submit" name="atualizar" value="Atualizar" /> </form> <br/><br/> <?php } ?> </body> </html> Saudações... Cesar

Caros amigos, saudações... Desculpa em recorrer a ajuda dos amigos, gostaria de uma ajuda e orientação. Estou escrevendo uma Rotina para o Sistema Gerar e Imprimir QrCode, até aqui tudo bem. A minha dúvida é o seguinte: ---[ em algumas pesquisas verifiquei que alguns QrCode tem a opção de Colocar um LOGO no centro. Como consigo fazer essa inclusão do LOGO no QrCode ? Se colocar o Logo no QrCode, prejudica a sua leitura ? O meu código está assim: <?php /* *Função para Gerar o QrCode do ID do Produto */ function qrcode($id = null){ //Código do Cliente Logado $codCli = $this->session->userdata('idCli'); //SQL para Pesquisar por ID do Produto $query = $this->db->query("SELECT an.idProdutos, an.cod_interno, an.descricao, an.id_clientes, cc.idClientes FROM produtos an INNER JOIN clientes cc ON cc.idClientes = an.id_clientes WHERE an.idProdutos = '$id' AND an.id_clientes = '$codCli' "); //Passa as Informações do Produto foreach ($query->result() as $row){ $codId = $row->idProdutos; $codInt = $row->cod_interno; $descr = $row->descricao; } //Variável[dq] Criada para Passar as Informações para o QrCode $dq = $codId."\n"; $dq .= $codInt."\n"; $dq .= $descr."\n"; //Gerar o QrCode qrcode::png( $dq, $outlife = false, $level = QR_ECLEVEL_L, $size = 6, $margin = 1 ); } ?> Grato, Cesar

Caros amigos saudações... Primeiramente peço desculpa se postei minha dúvida na opção errada. Estou escrevendo uma Rotina para Impressão de Relatório usando mPDF, até aqui tudo bem. O relatório tem um: Título - Tabela - Dados. Minha dúvida: --[ como faço para REPETIR em todo SALTO de Página o Título ou Cabeçalho da Tabela, por exemplo: Título.................: Relatório de Estoque Tabela Campos: Código | Descrição | ESP | Qtde | Valor Grato, Cesar

Caros Amigos, saudações... Desculpa a recorrer ao auxílio dos amigos, mas estou com um pequeno problema que não estou conseguindo entender. A página inicial do meu Sistema tem um CAROUSEL com um SLIDER que deveria iniciar junto com a página. INFELIZMENTE algumas vezes não inicia e para EXECUTAR o o Slider deve pressionar F5. Algumas vezes quando o Slider inicia depois de um período para o LOOP, não entendo isso. Abaixo o código do SLIDER. /*----------------------------------------*/ /* 01. Main Slider Ativação e Velocidade do Slide /* /* Como consigo resolver esse problema para o Slider INICIAR com um LOOP infinito /* sem ter que ficar atualizando a página ? /* /*----------------------------------------*/ $(".slider_active").owlCarousel({ loop: true, margin: 0, nav: true, autoplay: true, infinite: true, items: 1, autoplayTimeout: 10000, navText: ["<i class='fa fa-caret-left'></i>", "<i class='fa fa-caret-right'></i>"], dots: true, autoHeight: true, lazyLoad: true }); Grato, Cesar

Caros amigos saudações... Peço desculpa, se postei minha dúvida em local errado. Tenho um formulário onde valido todos os campos e após clicar no BUTTON para adicionar, tenho uma função que muda o TITLE e deixa desabilitado. O problema é o seguinte: - caso algum campo fica em branco, após validar o formulário e mudar o BUTTON, não consigo depois de preenchido HABILITAR novamente o button. Observação: 1) após preencher o campo que ficou em branco, como faço para HABILITAR o button novamente e mudar o title do button ? na VIEW está assim: <form action="<?php echo current_url(); ?>" id="frmEstoque" method="post" onsubmit="this.btn_adc.disabled=true;" > <div class="card-body"> <div class="row"> <!---Todos os campos do Formulário---> </div> </div> <div class="card-footer" style="text-align:center;"> <input type="hidden" id="idCli" name="idCli" value="<?php echo $cliente->idClientes; ?>" /> <a href="<?php echo base_url() ?>admin/estoque" id="" class="btn btn-danger"><i class="fa fa-undo"></i> Voltar</a> &nbsp; <button type="submit" id="btn_adc" name="btn_adc" class="btn btn-primary">Adicionar</button> </div> </form> na JavaScript está assim: <script> //Função para Mudar o VALUE do Button Adicionar Veículo document.getElementById("btn_adc").addEventListener("click",function(){ this.innerHTML = this.value++ || 'Aguarde...'; },false); </script> /* Observação: 1) como removo a função acima, após validar o formulário e esse encontrar algum campo vazio. 2) após preencher o campo que ficou em branco, HABILITAR o button novamente. */ <script type="text/javascript"> $(document).ready(function(){ //Função para Validar Formulário $('#frmEstoque').validate({ rules :{ etq_categcars:{ required: true}, etq_destaq:{ required: true}, etq_status:{ required: true} }, messages:{ etq_categcars :{ required: '<span style="color:#ff0000;">Campo Requerido</span>'}, etq_destaq :{ required: '<span style="color:#ff0000;">Campo Requerido</span>'}, etq_status :{ required: '<span style="color:#ff0000;">Campo Requerido</span>'} }, errorClass: "help-inline", errorElement: "span", highlight:function(element, errorClass, validClass) { $(element).parents('.form-group').addClass('error'); }, unhighlight: function(element, errorClass, validClass) { $(element).parents('.form-group').removeClass('error'); $(element).parents('.form-group').addClass('success'); } }); //Status dos Botões ADICIONAR - iniciar como desabilitado. document.getElementById("btn_adc").disabled = true; }); function statusButton(){ //valida conteudo do input if ($("input[name=etq_vlrcpr]").val() != 0 && $("input[name=etq_vlrvda]").val() != 0) { //habilita o botão document.getElementById("btn_adc").disabled = false; } else { //desabilita o botão se o conteúdo do input ficar em branco document.getElementById("btn_adc").disabled = true; } } </script> Grato, Cesar

Olá a todos, saudações... Obrigado por sua ajuda amigo Jack Oliveira. Fiz da seguinte forma e deu certo. <div id="dv2" <?= $syte[0]->infoManut == 2 ? 'style="display:block;"' : 'style="display:none;"' ?> > <div class="col-md-12"> <div class="form-group"> <label for="txt_manut">Informe um Motivo para Manutenção</label> <input id="txt_manut" type="txt_manut" name="txt_manut" class="form-control" style="width:100%;"/> </div> </div> </div> <div class="clearfix"></div> <br/> Grato, Cesar

Caros amigos, saudações... Se postei minha dúvida na opção errada, por favor, me perdoa. Estou com uma dúvida referente o Carregamento de INPUT através de Select Option com valor vindo do MySql. Tenho duas DIV, onde mostro um Input caso o Option seja igual a SIM. O problema é que quando Edito para Alterar o SELECT=2(SIM) não mostra o Input Ativo. O Código está assim: VIEW: <div class="col-md-2"> <div class="form-group"> <label for="infoManut" class="control-label ctrlbl">Site em Manutenção:</label> <div class="controls"> <select name="infoManut" id="infoManut" style="width:100%;" class="form-control" onchange="mostrManut(this.value)"> <?php if ($syte[0]->infoManut == 1) { $nao = 'selected'; $sim = ''; } else { $nao = ''; $sim = 'selected'; } ?> <option value="1" <?= $nao ?>>NÃO</option> <option value="2" <?= $sim ?>>SIM</option> </select> </div> </div> </div> <div class="clearfix"></div> <div id="1" class="col-md-12" style="display:none;"> <div class="col-md-12"> <!---Não Mostra Nada---> </div> </div> <!--Como mostro essa DIV quando o Mysql for igual a 2 --> <div id="2" class="col-md-12" style="display:none;"> <div class="col-md-12"> <div class="form-group"> <label for="txt_manut">Informe um Motivo para Manutenção</label> <input id="txt_manut" type="txt_manut" name="txt_manut" class="form-control" style="width:100%;" /> </div> </div> </div> <div class="clearfix"></div> <br/> JAVASCRIPT <script type="text/javascript"> //Habilitar e Desabilitar DIV's Manutenção do Site function mostrManut(value) { if (value == "1") { document.getElementById("1").style.display = "none"; document.getElementById("2").style.display = "none"; $("#txt_manut").val(''); } else if (value == "2") { document.getElementById("1").style.display = "none"; document.getElementById("2").style.display = "block"; } } </script> Grato, Cesar

Olá, caro amigo Omar, saudações... Obrigado por sua explicação. Baseado no seu retorno, fiz algumas pesquisas referente o assunto mencionado acima e consegui de uma outra forma realizar o que desejava. Usando o AJAX fiz com que o BUTTON fica desabilitado após o comando de INSERT na Base de Dados. Ficou assim o código: <script type="text/javascript"> //Pega o Nome do Formulário var frmAjust = document.getElementById("frmAjust"); //Pega o ID do Button var btn_adic = document.getElementById("btn_adic"); frmAjust.addEventListener("submit", function (event) { if (frmAjust.checkValidity()) { var formData = new FormData(frmAjust); var httpRequest = new XMLHttpRequest(); httpRequest.open(frmAjust.method, frmAjust.action, false); httpRequest.addEventListener("readystatechange", function(event) { if (httpRequest.readyState == 4) { if (httpRequest.status == 200) { alert("Envio do Formulario realizado com sucesso"); } else { alert("Ocorreu um erro ao enviar o Formulario"); btn_adic.disabled = false; //habilita o button } } }); btn_adic.disabled = true; httpRequest.btn_adic(formData); } //impedir o envio sincrono do form return false; }); </script> Grato, Cesar

Caros amigos, saudações... Fiz várias pesquisa, mas não consegui entender como devo fazer corretamente. Tenho um Cadastro de Produto/Clientes/etc. Gostaria de após clicar no Button ADICIONAR ou GRAVAR, quero mostrar na tela a seguinte mensagem: msg: Aguarde Processando... obs.: em alguns sistema até parece uma MODAL, com barra de progresso. Para impedir que o usuário fica Clicando nos Buttons. Alguém poderia me auxiliar de como devo fazer isso ? Grato, Cesar

Olá, Sampaio_bs Você também pode criar sua própria máscara para os campos conforme a sua necessidade. Depois é só chamar a função. Exemplo de máscara: <script language=javascript> //Função para formatar o Campo CELULAR conforme sua necessidade function cel(obj,prox) { switch (obj.value.length){ case 1: obj.value = "(" + obj.value; break; case 3: obj.value = obj.value + ")"; break; case 5: obj.value = obj.value + "."; break; case 10: obj.value = obj.value + "-"; break; case 15: prox.focus(); break; } } function Apenas_Numeros(caracter){ var nTecla = 0; if (document.all) { nTecla = caracter.keyCode; } else { nTecla = caracter.which; } if ((nTecla> 47 && nTecla <58) || nTecla == 8 || nTecla == 127 || nTecla == 0 || nTecla == 9 // 0 == Tab || nTecla == 13) { // 13 == Enter return true; } else { return false; } } </script> Espero ter ajudado.

Caros amigos, saudações... Gostaria de entender um processo que está me deixando com muitas dúvidas. Tenho um Sistema onde após o Usuário preencher um Cadastro de Contato/Assunto e avançar, não quero que o usuário consiga voltar para anterior. Como consigo fazer com que o sistema após avançar uma página não volta para a página anterior ? Exemplo: pág_contato ----> preencheu ----> pág_sucesso. não voltar mais para a página anterior Grato, Cesar

Olá, Merlinus show, deu certo. obrigado

Caros amigo, saudações... por favor, me perdoa se postei na opção errada. estou com a seguinte dúvida. tenho o seguinte código no cadastro: 1234 0000 4320 9785 como consigo mostrar /inibir os números no meio, para o usuário desta forma: 1234********9785 Grato, Cesar