Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rodrigo Vieira E da Silva

lightbox e Ajax

Recommended Posts

Boa tarde a todos do fórum, tudo bem com vocês?

Não não conheço de Ajax e Javascript e Jquery.

Estou desenvolvendo uma pequena agenda em PHP com Mysql, já consegui realizar algumas partes porém estou com problemas, abaixo vou postar o código, e logo em seguida tenho algumas perguntas, espero que todos possam me ajudar. Sou iniciante mas tenho muita vontade de aprender por isso eu sempre venho a este fórum.

<?php
    require('conexaol.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Agenda de Contatos</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="accordion.js" type="text/javascript" charset="utf-8" async defer></script>
    <script>
    function showUser(str) {
        if (str == "") {
            document.getElementById("txtHint").innerHTML = "";
            return;
        } else {
            if (window.XMLHttpRequest) {
                // code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            } else {
                // code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    document.getElementById("txtHint").innerHTML = this.responseText;
                }
            };
            xmlhttp.open("GET","filtrar.php?q="+str,true);
            xmlhttp.send();
        }
    }
    </script>

</head>
<body>
    <header>
        <h1>Agenda de Contatos</h1>
        <img src="brandcompany.png" alt="Brandcompany">
    </header>

    <div class="subheader">
        <form id="frmfiltragem" name="filtragem" action="filtrar.php" method="post">

            <label>FILTROS</label>
            <select name="categoria" onchange="showUser(this.value)">
                <option value="4">Ativo</option>
                <option value="5">Inativo</option>
                <option value="2">Clientes e Contatos</option>
                <option value="1">Fornecedores</option>
                <option value="3">Construtoras e Incorporadoras</option>
            </select>

            <select name="Ordenar">
                <option value="">Ordene os dados</option>
                <option value="">Empresa</option>
                <option value="">Empresa</option>
            </select>
            <input type="submit" name="enviar" value="OK" id="btnok" style="margin-left: 0.5%">
        </form>

        <form id="frmsearch" action="resultado.php" method="post">
            <input name="buscar" type="text" id="txtsearch">
            <input name="search" type="submit" value="OK" id="btnsok">
            <a href="#" id="myBtnU" title="Adicionar"><img src="plus.png" width="42px" height="42px" id="btnadd"></a>
            <a href="#" title="Sair"><img src="exit.png" alt="" id="btnexit" width="42px" height="42px"></a>
        </form>
    </div>

    <div id="txtHint" class="main">
        <div class="titulos">
            <div class="titempresa">
                <h2>EMPRESA</h2>
            </div>
            <div class="titcontato">
                <h2>CONTATO</h2>
            </div>
            <div class="titemail">
                <h2>E-MAIL</h2>
            </div>
            <div class="titphone">
                <h2>TELEFONE</h2>
            </div>
            <div class="titsmartphone">
                <h2>CELULAR</h2>
            </div>
            <div class="titactions"></div>

            <?php
                $sql = "SELECT * FROM cadastro";
                $result = mysqli_query($conn, $sql);

                if (mysqli_num_rows($result) > 0) {
                    while($row = mysqli_fetch_assoc($result)) {
                        echo "
                            <button class='accordion'>
                                <div class='titempresa'>
                                    <p>".$row["cadastro_empresa"]."</p>
                                </div>
                                <div class='titcontato'>
                                    <p>".$row["cadastro_contato"]."</p>
                                </div>
                                <div class='titemail'>
                                    <p>".$row["cadastro_email1"]."</p>
                                </div>
                                <div class='titphone'>
                                    <p>".$row["cadastro_telefone1"]."</p>
                                </div>
                                <div class='titsmartphone'>
                                    <p>".$row["cadastro_celular1"]."</p>
                                </div>
                                <div class='titactions'>
                                    <a href='#' title='Editar' id='myBtnU'><img src='edit.png' alt='Editar' id='btnedit' width='24px' height='24px'></a>
                                    <a href='delete.php?identifica=".$row["cadastro_id"]."' title='Excluir' id=''><img src='delete.png' alt='delete' id='btndelete' width='24px' height='24px'></a>
                                </div>
                            </button>

                            <div class='panel'>
                                <div class='titcontato'>
                                    <p><strong>CONTATO</strong></p>
                                    <p>".$row["cadastro_contato2"]."</p>
                                    <p>".$row["cadastro_contato3"]."</p>
                                    <p>".$row["cadastro_contato4"]."</p>
                                    <p>".$row["cadastro_contato5"]."</p>
                                    <p>".$row["cadastro_contato6"]."</p>
                                    <p>".$row["cadastro_contato7"]."</p>
                                    <p>".$row["cadastro_contato8"]."</p>
                                    <p>".$row["cadastro_contato9"]."</p>
                                    <p>".$row["cadastro_contato10"]."</p>
                                </div>

                                <div class='titemail'>
                                    <p><strong>E-MAIL</strong></p>
                                    <p>".$row["cadastro_email2"]."</p>
                                    <p>".$row["cadastro_email3"]."</p>
                                    <p>".$row["cadastro_email4"]."</p>
                                    <p>".$row["cadastro_email5"]."</p>
                                    <p>".$row["cadastro_email6"]."</p>
                                    <p>".$row["cadastro_email7"]."</p>
                                    <p>".$row["cadastro_email8"]."</p>
                                    <p>".$row["cadastro_email9"]."</p>
                                    <p>".$row["cadastro_email10"]."</p>
                                </div>

                                <div class='titphone'>
                                    <p><strong>TELEFONE</strong></p>
                                    <p>".$row["cadastro_telefone2"]."</p>
                                    <p>".$row["cadastro_telefone3"]."</p>
                                    <p>".$row["cadastro_telefone4"]."</p>
                                    <p>".$row["cadastro_telefone5"]."</p>
                                    <p>".$row["cadastro_telefone6"]."</p>
                                    <p>".$row["cadastro_telefone7"]."</p>
                                    <p>".$row["cadastro_telefone8"]."</p>
                                    <p>".$row["cadastro_telefone9"]."</p>
                                    <p>".$row["cadastro_telefone10"]."</p>
                                </div>

                                <div class='titsmartphone'>
                                    <p><strong>CELULAR</strong></p>
                                    <p>".$row["cadastro_celular2"]."</p>
                                    <p>".$row["cadastro_celular3"]."</p>
                                    <p>".$row["cadastro_celular4"]."</p>
                                    <p>".$row["cadastro_celular5"]."</p>
                                    <p>".$row["cadastro_celular6"]."</p>
                                    <p>".$row["cadastro_celular7"]."</p>
                                    <p>".$row["cadastro_celular8"]."</p>
                                    <p>".$row["cadastro_celular9"]."</p>
                                    <p>".$row["cadastro_celular10"]."</p>
                                </div>

                                <div class='titsmartphone' style='width:35%; float:left'>
                                    <p><strong>ENDEREÇO FÍSICO</strong></p>
                                    <p>".$row["cadastro_endereco"]."</p>
                                    <p> </p>
                                    <p> </p>
                                    <p><strong>ENDEREÇO DIGITAIS</strong></p>
                                    <p>".$row["cadastro_enderecos_digitais"]."</p>
                                </div>
                            </div>";
                    }
                
                }else {
                    echo "";
                }
                    mysqli_close($conn);
            ?>

            <div id="myModal" class="modal">
                  <div class="modal-content">
                    <span class="close">×</span>
                    <form name="cadastro" method="post" action="insert.php" id="frmcadastro" class="frms">
                        <div id="elastico">
                            <h1>Inserir dados</h1>
                            <div class="cols">
                                <img src="imagens/dados-pessoais.gif" alt="" />
                                <div class="alinha">
                                    <p>
                                        <label>Categoria</label>
                                        <select name="categoria" id="categoria" class="categoria">
                                            <option value="2">Clientes e Contatos</option>
                                            <option value="3">Construtoras e Incorporadoras</option>
                                            <option value="1">Fornecedores</option>
                                        </select>
                                    </p>
                                    <p>
                                        <label>Segmento</label>
                                        <input type="text" name="seguimento" id="seguimento" />
                                    </p>
                                    <p>
                                        <label>Empresa</label>
                                        <input type="text" name="empresa" id="txtempresa" />
                                    </p>
                                    <p>
                                        <label>Dados da Empresa</label>
                                        <textarea name="dados_empresa" id="dateEmpresa" style="height:56px;"></textarea>
                                    </p>
                                </div>
                            </div>
                            <div class="cols">
                                <div class="alinha">
                                    <p>
                                        <label>Endereço</label>
                                        <textarea name="cadastro_endereco" id="txtendereco"></textarea>
                                    </p>
                                    <p>
                                        <label>Endereços digitais </label>
                                        <textarea name="cadastro_enderecos_digitais" id="digitais"></textarea>
                                    </p>
                                    <p>
                                        <label style="width:auto; margin-left: 20%">Ativo<input type="radio" name="Ativo" value="Ativo" style="margin:6px 0 0"></label>
                                        <label style="width:auto; margin-left: 20%">Inativo<input type="radio" name="Ativo" value="Inativo" style="margin:6px 0 0"></label>
                                    </p>
                                </div>
                            </div>
                            <div class="members">
                                <div class="titles">
                                    <label id="tlnome">Nome</label>
                                    <label id="tlemail">E-mail</label>
                                    <label id="tltelefone">Telefone</label>
                                    <label id="tlcelular">Celular</label>
                                </div>
                                <div class="titles">
                                    <input type="text" name="cadastro_contato"       id="contato"  class="cnomes"         />
                                    <input type="text" name="cadastro_email1"       id="email"      class="cemails"        />
                                    <input type="text" name="cadastro_telefone1"  id="telefone"    class="ctelefones"    />
                                    <input type="text" name="cadastro_celular1"   id="celular"     class="ccelulares"     />
                                </div>

                                <div class="titles">
                                    <input type="text" name="cadastro_contato2"     id="cadastro_contato2"  class="cnomes"      />
                                    <input type="text" name="cadastro_email2"         id="cadastro_email2"      class="cemails"      />
                                    <input type="text" name="cadastro_telefone2"    id="cadastro_telefone2"    class="ctelefones"    />
                                    <input type="text" name="cadastro_celular2"     id="cadastro_celular2"     class="ccelulares"  />
                                </div>

                                <div class="titles">
                                    <input type="text" name="cadastro_contato3"     id="cadastro_contato3"  class="cnomes"         />
                                    <input type="text" name="cadastro_email3"         id="cadastro_email3"      class="cemails"     />
                                    <input type="text" name="cadastro_telefone3"    id="cadastro_telefone3"    class="ctelefones"    />
                                    <input type="text" name="cadastro_celular3"     id="cadastro_celular3"     class="ccelulares"    />
                                </div>

                                <div class="titles">
                                    <input type="text" name="cadastro_contato4"     id="cadastro_contato4"  class="cnomes"        />
                                    <input type="text" name="cadastro_email4"         id="cadastro_email14"      class="cemails"        />
                                    <input type="text" name="cadastro_telefone4"    id="cadastro_telefone4"    class="ctelefones"    />
                                    <input type="text" name="cadastro_celular4"     id="cadastro_celular4"     class="ccelulares"    />
                                </div>

                                <div class="titles">
                                    <input type="text" name="cadastro_contato5"     id="cadastro_contato5"  class="cnomes"        />
                                    <input type="text" name="cadastro_email5"         id="cadastro_email15"      class="cemails"        />
                                    <input type="text" name="cadastro_telefone5"    id="cadastro_telefone5"    class="ctelefones"    />
                                    <input type="text" name="cadastro_celular5"     id="cadastro_celular5"     class="ccelulares"    />
                                </div>

                                <div class="titles">
                                    <input type="text" name="cadastro_contato6"     id="cadastro_contato6"  class="cnomes"        />
                                    <input type="text" name="cadastro_email6"         id="cadastro_email16"      class="cemails"        />
                                    <input type="text" name="cadastro_telefone6"    id="cadastro_telefone6" class="ctelefones"    />
                                    <input type="text" name="cadastro_celular6"     id="cadastro_celular6"     class="ccelulares"    />
                                </div>

                                <div class="titles">
                                    <input type="text" name="cadastro_contato7"     id="cadastro_contato7"  class="cnomes"        />
                                    <input type="text" name="cadastro_email7"         id="cadastro_email17"      class="cemails"        />
                                    <input type="text" name="cadastro_telefone7"     id="cadastro_telefone7"    class="ctelefones"    />
                                    <input type="text" name="cadastro_celular7"     id="cadastro_celular7"     class="ccelulares"    />
                                </div>

                                <div class="titles">
                                    <input type="text" name="cadastro_contato8"     id="cadastro_contato8"  class="cnomes"        />
                                    <input type="text" name="cadastro_email8"         id="cadastro_email18"      class="cemails"        />
                                    <input type="text" name="cadastro_telefone8"    id="cadastro_telefone8"    class="ctelefones"    />
                                    <input type="text" name="cadastro_celular8"     id="cadastro_celular8"     class="ccelulares"    />
                                </div>

                                <div class="titles">
                                    <input type="text" name="cadastro_contato9"     id="cadastro_contato9"  class="cnomes"         />
                                    <input type="text" name="cadastro_email9"         id="cadastro_email19"    class="cemails"        />
                                    <input type="text" name="cadastro_telefone9"    id="cadastro_telefone9"    class="ctelefones"    />
                                    <input type="text" name="cadastro_celular9"     id="cadastro_celular9"     class="ccelulares"    />
                                </div>

                                <div class="titles">
                                    <input type="text" name="cadastro_contato10"     id="cadastro_contato10"        class="cnomes"        />
                                    <input type="text" name="cadastro_email10"         id="cadastro_email10"          class="cemails"        />
                                    <input type="text" name="cadastro_telefone10"    id="cadastro_telefone10"     class="ctelefones"    />
                                    <input type="text" name="cadastro_celular10"     id="cadastro_celular10"        class="ccelulares"    />
                                </div>
                            </div>
                            <input name="enviar" id="btnsalvar" value="salvar" type="submit" title="Salvar registro" style="margin-right:40px"  />
                        </div>
                    </form>
                  </div>
            </div>

            <div id="myModalU" class="modal">
                  <div class="modal-content">
                    <span class="close">×</span>
                    <form name="cadastro" method="post" action="insert.php">
                        <div id="elastico">
                              <h1>DADOS</h1>
                            <div class="cols">
                                <img src="imagens/dados-pessoais.gif" alt="" />
                                <div class="alinha">
                                <p>
                                    <label>Categoria</label>
                                    <select name="categoria" id="categoria" class="categoria">
                                        <option value="2">Clientes e Contatos</option>
                                        <option value="3">Construtoras e Incorporadoras</option>
                                        <option value="1">Fornecedores</option>
                                    </select>
                                </p>
                                <p>
                                <label>Segmento</label>
                                    <input type="text" name="seguimento" id="seguimento" value="<?php $_REQUEST['cadastro_seguimento']?>" />
                                </p>
                                <p>
                                    <label>Empresa</label>
                                    <input type="text" name="empresa" id="empresa" value="<?php $_REQUEST['cadastro_empresa']?>" />
                                </p>
                                <p>
                                    <label>Dados da Empresa</label>
                                    <textarea name="dados_empresa" id="digitais" style="height:96px;" value="<?php $_REQUEST['cadastro_dados_empresa']?>"></textarea>
                                </p>
                            </div>
                            <div class="cols">
                                <img src="imagens/endereco.gif" alt="" />
                                <div class="alinha">
                                    <p>
                                        <label>Endereço</label>
                                        <textarea name="cadastro_endereco" id="digitais" value="<?php $_REQUEST['cadastro_endereco']?>"></textarea>
                                    </p>
                                    <p>
                                        <label>Endereços digitais </label>
                                        <textarea name="cadastro_enderecos_digitais" id="digitais" value="<?php $_REQUEST['cadastro_enderecos_digitais']?>"></textarea>
                                    </p>
                                </div>
                            </div>
                            <img src="imagens/filete.png" alt="" name="filete" width="918" height="2" id="filete" />
                            <div class="members">
                                <div class="titles">
                                    <label id="tlnome">Nome</label>
                                    <label id="tlemail">E-mail</label>
                                    <label id="tltelefone">Telefone</label>
                                    <label id="tlcelular">Celular</label>
                                  </div>
                                <div class="title">
                                         <input type="text" name="cadastro_contato"       id="contato"  class="cnomes" value="<?php $_REQUEST['cadastro_contato']?>"         />
                                      <input type="text" name="cadastro_email1"       id="email"      class="cemails"     value="<?php $_REQUEST['cadastro_email1']?>"    />
                                      <input type="text" name="cadastro_telefone1"  id="telefone"    class="ctelefones" value="<?php $_REQUEST['cadastro_telefone1']?>"    />
                                      <input type="text" name="cadastro_celular1"   id="celular"     class="ccelulares"  value="<?php $_REQUEST['cadastro_celular1']?>"    />
                                </div>

                                <div class="title">
                                         <input type="text" name="cadastro_contato2"     id="cadastro_contato2"  class="cnomes"  value="<?php $_REQUEST['cadastro_contato2']?>"     />
                                      <input type="text" name="cadastro_email2"         id="cadastro_email2"      class="cemails"  value="<?php $_REQUEST['cadastro_email2']?>"     />
                                      <input type="text" name="cadastro_telefone2"    id="cadastro_telefone2"    class="ctelefones" value="<?php $_REQUEST['cadastro_telefone3']?>"    />
                                      <input type="text" name="cadastro_celular2"     id="cadastro_celular2"     class="ccelulares" value="<?php $_REQUEST['cadastro_celular2']?>"  />
                                </div>

                                <div class="title">
                                        <input type="text" name="cadastro_contato3"     id="cadastro_contato3"  class="cnomes"  value="<?php $_REQUEST['cadastro_contato3']?>"        />
                                      <input type="text" name="cadastro_email3"         id="cadastro_email3"      class="cemails"  value="<?php $_REQUEST['cadastro_email3']?>"    />
                                      <input type="text" name="cadastro_telefone3"    id="cadastro_telefone3"    class="ctelefones" value="<?php $_REQUEST['cadastro_telefone3']?>"    />
                                      <input type="text" name="cadastro_celular3"     id="cadastro_celular3"     class="ccelulares" value="<?php $_REQUEST['cadastro_celular3']?>"    />
                                </div>

                                <div class="title">
                                       <input type="text" name="cadastro_contato4"     id="cadastro_contato4"  class="cnomes" value="<?php $_REQUEST['cadastro_contato4']?>"        />
                                      <input type="text" name="cadastro_email4"         id="cadastro_email14"      class="cemails" value="<?php $_REQUEST['cadastro_email4']?>"        />
                                      <input type="text" name="cadastro_telefone4"    id="cadastro_telefone4"    class="ctelefones" value="<?php $_REQUEST['cadastro_telefone4']?>"    />
                                      <input type="text" name="cadastro_celular4"     id="cadastro_celular4"     class="ccelulares" value="<?php $_REQUEST['cadastro_celular4']?>"    />
                                </div>

                                <div class="title">
                                        <input type="text" name="cadastro_contato5"     id="cadastro_contato5"  class="cnomes"     value="<?php $_REQUEST['cadastro_contato5']?>"    />
                                      <input type="text" name="cadastro_email5"         id="cadastro_email15"      class="cemails"     value="<?php $_REQUEST['cadastro_email5']?>"    />
                                      <input type="text" name="cadastro_telefone5"    id="cadastro_telefone5"    class="ctelefones" value="<?php $_REQUEST['cadastro_telefone5']?>"    />
                                      <input type="text" name="cadastro_celular5"     id="cadastro_celular5"     class="ccelulares"     value="<?php $_REQUEST['cadastro_celular5']?>"/>
                                </div>

                                <div class="title">
                                         <input type="text" name="cadastro_contato6"     id="cadastro_contato6"  class="cnomes" value="<?php $_REQUEST['cadastro_contato6']?>"        />
                                      <input type="text" name="cadastro_email6"         id="cadastro_email16"      class="cemails"     value="<?php $_REQUEST['cadastro_email6']?>"    />
                                      <input type="text" name="cadastro_telefone6"    id="cadastro_telefone6" class="ctelefones" value="<?php $_REQUEST['cadastro_telefone6']?>"    />
                                      <input type="text" name="cadastro_celular6"     id="cadastro_celular6"     class="ccelulares" value="<?php $_REQUEST['cadastro_celular6']?>"    />
                                </div>

                                <div class="title">
                                         <input type="text" name="cadastro_contato7"     id="cadastro_contato7"  class="cnomes" value="<?php $_REQUEST['cadastro_contato7']?>"        />
                                      <input type="text" name="cadastro_email7"         id="cadastro_email17"      class="cemails"     value="<?php $_REQUEST['cadastro_email7']?>"    />
                                      <input type="text" name="cadastro_telefone7"     id="cadastro_telefone7"    class="ctelefones" value="<?php $_REQUEST['cadastro_telefone7']?>"    />
                                      <input type="text" name="cadastro_celular7"     id="cadastro_celular7"     class="ccelulares" value="<?php $_REQUEST['cadastro_celular7']?>"    />
                                </div>

                                <div class="title">
                                         <input type="text" name="cadastro_contato8"     id="cadastro_contato8"  class="cnomes" value="<?php $_REQUEST['cadastro_cadastro8']?>"        />
                                      <input type="text" name="cadastro_email8"         id="cadastro_email18"      class="cemails"     value="<?php $_REQUEST['cadastro_email8']?>"    />
                                      <input type="text" name="cadastro_telefone8"    id="cadastro_telefone8"    class="ctelefones" value="<?php $_REQUEST['cadastro_telefone8']?>"    />
                                      <input type="text" name="cadastro_celular8"     id="cadastro_celular8"     class="ccelulares" value="<?php $_REQUEST['cadastro_celular9']?>"    />
                                </div>

                                <div class="title">
                                         <input type="text" name="cadastro_contato9"     id="cadastro_contato9"  class="cnomes"  value="<?php $_REQUEST['cadastro_contato9']?>"        />
                                      <input type="text" name="cadastro_email9"         id="cadastro_email19"    class="cemails"     value="<?php $_REQUEST['cadastro_email9']?>"    />
                                      <input type="text" name="cadastro_telefone9"    id="cadastro_telefone9"    class="ctelefones" value="<?php $_REQUEST['cadastro_telefone9']?>"    />
                                     <input type="text" name="cadastro_celular9"     id="cadastro_celular9"     class="ccelulares" value="<?php $_REQUEST['cadastro_celular9']?>"    />
                                </div>

                                <div class="title">
                                             <input type="text" name="cadastro_contato10"     id="cadastro_contato10"        class="cnomes" value="<?php $_REQUEST['cadastro_contato10']?>"        />
                                          <input type="text" name="cadastro_email10"         id="cadastro_email10"          class="cemails" value="<?php $_REQUEST['cadastro_email10']?>"        />
                                          <input type="text" name="cadastro_telefone10"    id="cadastro_telefone10"     class="ctelefones" value="<?php $_REQUEST['cadastro_telefone10']?>"    />
                                          <input type="text" name="cadastro_celular10"     id="cadastro_celular10"        class="ccelulares" value="<?php $_REQUEST['cadastro_celular10']?>"    />
                                </div>
                            </div>
                            <input name="KT_Insert1" id="entrar" value="salvar" type="submit" title="Salvar registro" style="margin-right:40px"  />
                            <a href="#" title="Voltar" id="btnvoltar" onclick="javascript:self.close();" onkeypress="javascript:self.close();">Voltar</a>
                        </div>
                      </form>
                  </div>
            </div>
        </div>
    </div>
</body>
</html>

Abaixo segue alguns questionamentos.


1-) Como fazer filtros em Ajax
2-) Fazer uma busca em Ajax
3-) Os botões editar e excluir não funcionam na barra, quando eu clico neles eles não executam, e preciso eles também funcionarem com Jquery e o Ajax
4-) O mesmo fazer com o botão adicionar, ao cadastrar os dados fazer inclusão via ajax como proceder.

5-) Como eu posso melhorar este código?

Alguém saberia me ajudar com este caso, me dar um caminho para que possa solucionar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma dúvida de validação de INPUT com função moeda.
       
      Tenho um input onde o usuário digita um valor qualquer, por exemplo: 1.234,56
      o problema é quando precisa atualizar o valor.
       
      Quando o usuário atualizar o input fica assim: 1.234,
       
      como faço para atualizar as casas decimais, conforme o valor for sendo alterado ?
       
      o input está assim:
       
      <div class="col-md-2"> <label for="">Valor Unitário</label> <input type="text" class="form-control" id="estoqprod" name="estoqprod" style="font-size:15px; font-weight:bold; width:100%; text-align:center;" placeholder="0,00" OnKeyUp="calcProd();" onkeypress="return(FormataMoeda(this,'.',',',event))" > </div>  
      a função para formatar o input para moeda está assim:
      obs.: a Função CalcProd está executando corretamente
      function calcProd(){ //Obter valor digitado do produto var estoq_prod = document.getElementById("estoqprod").value; //Remover ponto e trocar a virgula por ponto while (estoq_prod.indexOf(".") >= 0) { estoq_prod = estoq_prod.replace(".", ""); } estoq_prod = estoq_prod.replace(",","."); //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Calcula o Valor do Desconto if (prod_qtde > 0 && estoq_prod > 0) { calc_total_produto = parseFloat(prod_qtde) - parseFloat(estoq_prod); var numero = calc_total_produto.toFixed(2).split('.'); //Calculo para não deixar GRAVAR valores negativos if (calc_total_produto < 0 ) { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.') * -1; document.getElementById("qtdeTotal").value = numero.join(','); } else { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("qtdeTotal").value = numero.join(','); } } else { if (estoq_prod > 0) { document.getElementById("qtdeTotal").value = document.getElementById("estoqprod").value; } else { document.getElementById("qtdeTotal").value = "0,00"; } } } /*---Função para Formatar Campo para Moeda [R$]---*/ function FormataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){ var sep = 0; var key = ''; var i = j = 0; var len = len2 = 0; var strCheck = '0123456789'; var aux = aux2 = ''; var whichCode = (window.Event) ? e.which : e.keyCode; if (whichCode == 13) return true; key = String.fromCharCode(whichCode); // Valor para o código da Chave if (strCheck.indexOf(key) == -1) return false; // Chave inválida len = objTextBox.value.length; for(i = 0; i < len; i++) if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break; aux = ''; for(; i < len; i++) if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i); aux += key; len = aux.length; if (len == 0) objTextBox.value = ''; if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux; if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux; if (len > 2) { aux2 = ''; for (j = 0, i = len - 3; i >= 0; i--) { if (j == 3) { aux2 += SeparadorMilesimo; j = 0; } aux2 += aux.charAt(i); j++; } objTextBox.value = ''; len2 = aux2.length; for (i = len2 - 1; i >= 0; i--) objTextBox.value += aux2.charAt(i); objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len); } return false; }  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma dúvida de validação de INPUT com função moeda.
       
      Tenho um input onde o usuário digita um valor qualquer, por exemplo: 1.234,56
      o problema é quando precisa atualizar o valor.
       
      Quando o usuário atualizar o input fica assim: 1.234,
       
      como faço para atualizar as casas decimais, conforme o valor for sendo alterado ?
       
      o input está assim:
       
      <div class="col-md-2"> <label for="">Valor Unitário</label> <input type="text" class="form-control" id="estoqprod" name="estoqprod" style="font-size:15px; font-weight:bold; width:100%; text-align:center;" placeholder="0,00" OnKeyUp="calcProd();" onkeypress="return(FormataMoeda(this,'.',',',event))" > </div>  
      a função para formatar o input para moeda está assim:
      obs.: a Função CalcProd está executando corretamente
      function calcProd(){ //Obter valor digitado do produto var estoq_prod = document.getElementById("estoqprod").value; //Remover ponto e trocar a virgula por ponto while (estoq_prod.indexOf(".") >= 0) { estoq_prod = estoq_prod.replace(".", ""); } estoq_prod = estoq_prod.replace(",","."); //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Calcula o Valor do Desconto if (prod_qtde > 0 && estoq_prod > 0) { calc_total_produto = parseFloat(prod_qtde) - parseFloat(estoq_prod); var numero = calc_total_produto.toFixed(2).split('.'); //Calculo para não deixar GRAVAR valores negativos if (calc_total_produto < 0 ) { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.') * -1; document.getElementById("qtdeTotal").value = numero.join(','); } else { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("qtdeTotal").value = numero.join(','); } } else { if (estoq_prod > 0) { document.getElementById("qtdeTotal").value = document.getElementById("estoqprod").value; } else { document.getElementById("qtdeTotal").value = "0,00"; } } } /*---Função para Formatar Campo para Moeda [R$]---*/ function FormataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){ var sep = 0; var key = ''; var i = j = 0; var len = len2 = 0; var strCheck = '0123456789'; var aux = aux2 = ''; var whichCode = (window.Event) ? e.which : e.keyCode; if (whichCode == 13) return true; key = String.fromCharCode(whichCode); // Valor para o código da Chave if (strCheck.indexOf(key) == -1) return false; // Chave inválida len = objTextBox.value.length; for(i = 0; i < len; i++) if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break; aux = ''; for(; i < len; i++) if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i); aux += key; len = aux.length; if (len == 0) objTextBox.value = ''; if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux; if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux; if (len > 2) { aux2 = ''; for (j = 0, i = len - 3; i >= 0; i--) { if (j == 3) { aux2 += SeparadorMilesimo; j = 0; } aux2 += aux.charAt(i); j++; } objTextBox.value = ''; len2 = aux2.length; for (i = len2 - 1; i >= 0; i--) objTextBox.value += aux2.charAt(i); objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len); } return false; }  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Desculpa postar minha dúvida, fiz várias pesquisa mas não tive sucesso.
       
      Como faço para capturar o ID do SELECT selecionado e passar para base_url ?
       
      Exemplo:
      após selecionar o ID passar para <?php echo base_url();?>estoque/ajuste/adicionar/ <== passar o ID aqui.
       
      <div class="col-md-6"> <label for="tipoDepart" class="control-label">Departamento:</label> <select name="tipoDepart" id="tipoDepart" style="width:100%;" class="form-control"> <option value="">Selecione um Departamento</option> <?php foreach ($dprts as $dp) { echo '<option value="'.$dp->idDepartamento.'">'.$dp->departamento.'</option>'; } ?> </select> </div> <div class="col-md-6"> <div class="card card-entrad"> <div class="card-header"> <label class="card-tlentr">Entrada - Estoque</label> </div> <div class="card-body"> <div style="text-align:center;"> <a href="<?php echo base_url();?>estoque/ajuste/adicionar/" <== COMO PASSO O ID SELECIONADO AQUI, PARA ABRIR A PÁGINA COM O ID DO DPTO ? class="btn btn-cinza">Adicionar</a> </div> </div> </div> </div>  
      Observação: preciso capturar e passar o ID para gerar TABELA referente a cada departamento.
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Tem como passar para o Formulário um Campo vindo via AJAX no formato moeda ?
       
      Tenho uma rotina onde o usuário escolhe através de uma Lista na modal de Produtos e o sistema informa o formulário os seguintes campos:
      código | descrição | espécie | estoque atual.
       
      o estoque atual preciso passar nesse formato, para validação de quantidade: 15.00 ou 15,00.
      ou seja:
      converter de: 15 
      para: 15.00 com casas decimais

      tem como fazer isso ?
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Tem como passar para o Formulário um Campo vindo via AJAX no formato moeda ?
       
      Tenho uma rotina onde o usuário escolhe através de uma Lista na modal de Produtos e o sistema informa o formulário os seguintes campos:
      código | descrição | espécie | estoque atual.
       
      o estoque atual preciso passar nesse formato, para validação de quantidade: 15.00 ou 15,00.

      tem como fazer isso ?
       
      Grato,
       
      Cesar
×

Informação importante

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