Ir para conteúdo

Arquivado

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

Boris

Carregar automaticamente o Formulario

Por , em Javascript

Recommended Posts

Boris    0

Boris
Postado

Galera, boa tarde...

 

 

eu tenho um formulario que precisa ser preenchido automaticamente da seguinte forma.

 

ao colocar o codigo do cliente ele me trás no textbox ao lado o nome dele e em outro textbox o e-mail

 

logo abaixo do formulario eu também tenho....

 

coloco o codigo do produto e é preenchido automaticamente a descrição do produto no textbox ao lado....

 

Essas informações eu puxo de um banco que tem duas tabelas:

 

bando (sql)

 

tb_cliente

- codigo_cli

- nome_cli

- email_cli

 

tb_produto

- cod_prod

- desc_prod

 

Agradeço pela força, estou fazendo em ASP se alguem puder me ajudar .... agradeço mesmo....

 

abs

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Desenvolvi para php, mas basta trocar a linguagem server-side..

http://www.wbruno.com.br/blog/?p=12

 

Na tua modelagem, eu não vi onde a tabela de clientes se relaciona com a de produtos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Boris    0

Boris
Postado

Desenvolvi para php, mas basta trocar a linguagem server-side..

http://www.wbruno.com.br/blog/?p=12

 

Na tua modelagem, eu não vi onde a tabela de clientes se relaciona com a de produtos.

 

na realidade, a tabela cliente vai se relacionar depois vou usar esse formulario a parte de cima que chama os dados do cliente e a parte de baixo que chama os dados do produto pra alimentar outra tabela.

 

Esse formulario vai ter outros preenchimentos manuais como quantidade de produto e valor do mesmo.

 

e vai alimentar uma tabela tb_troca_devolucao.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Boris    0

Boris
Postado

Galera alguem pode me ajudar a converter em ASP por favor....

 

pagina.html

<html>
<head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
                $("select[name='nome']").change(function(){
                        $("input[name='endereco']").val('Carregando...');
                        $("input[name='telefone']").val('Carregando...');

                        $.getJSON(
                                'function.php',
                                {idCliente: $(this).val()},
                                function(data){
                                        $.each(data, function(i, obj){
                                                $("input[name='endereco']").val(obj.endereco);
                                                $("input[name='telefone']").val(obj.telefone);
                                        })
                                });
                });
        });
        </script>
</head>
<body>
        <form action="" method="post">
                <label>Nome: <select name="nome">
                        <option value="">--</option>
<?php
        include('function.php');
        echo montaSelect();
?>
                </select></label>
                <label>Endereço: <input type="text" name="endereco" value="" /></label>
                <label>Telefone: <input type="text" name="telefone" value="" /></label>

        </form>
</body>
</html>

 

function.php


<?php
        $con = mysql_connect('localhost', 'root', '123');
        mysql_select_db('ajax', $con);

        /**
         * função que retorna o select
         */
        function montaSelect()
        {
                $sql = "SELECT `idCliente`, `nome` FROM `cliente` ";
                $query = mysql_query( $sql );

                if( mysql_num_rows( $query ) > 0 )
                {
                        while( $dados = mysql_fetch_assoc( $query ) )
                        {
                                $opt .= '<option value="'.$dados['idCliente'].'">'.$dados['nome'].'</option>';
                        }
                }
                else
                        $opt = '<option value="0">Nenhum cliente cadastrado</option>';

                return $opt;
        }

        /**
         * função que devolve em formato JSON os dados do cliente
         */
        function retorna( $id=null )
        {
                $id = (int)$id;

                $sql = "SELECT * FROM `cliente` ";
                if( $id != null )
                        $sql .= "WHERE `idCliente` = {$id} ";
                $query = mysql_query( $sql );

                //$json = 'var dados = ';
                $json .= ' [';  
                if( mysql_num_rows( $query ) > 0 )
                {
                        while( $dados = mysql_fetch_assoc( $query ) )
                        {
                                $json .= "{endereco: '{$dados['endereco']}', telefone: '{$dados['telefone']}'}";;
                        }
                }
                else
                        $json = 'endereco: não encontrado';

                $json .= ']';
                //$jston .= ';';

                return $json;
        }

/* só se for enviado o parâmetro, que devolve o combo */
if( isset($_GET['idCliente']) )
{
        echo retorna( $_GET['idCliente'] );
}
?>Usei php, e banco de dados MySQL.

 

Fonte: http://www.wbruno.com.br/blog/?p=12

 

Funcionando: http://www.wbruno.com.br/scripts/combo-preenche-input.php

 

 

obrigado galera....

 

a unica diferença é que no lugar do combo eu quero colocar um text box que faça a mesma função.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Aqui pediram a mesma coisa, para adaptar para input text:

http://forum.imasters.com.br/index.php?/topic/360555-atualizar-campo-de-form-sem-atualizar-a-pagina/page__view__findpost__p__1375347

 

Acho que é melhor você pedir auxilio no fórum de ASP, se quer adaptar a parte php do script.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Boris    0

Boris
Postado

Aqui pediram a mesma coisa, para adaptar para input text:

http://forum.imasters.com.br/index.php?/topic/360555-atualizar-campo-de-form-sem-atualizar-a-pagina/page__view__findpost__p__1375347

 

Acho que é melhor você pedir auxilio no fórum de ASP, se quer adaptar a parte php do script.

 

Eu já postei lá mas até agora não houve retorno ...

 

Valew vou procurar em outros lugares pra ver se encontro....

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

Tradução para ASP...

 

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("select[name='nome']").change(function(){
$("input[name='endereco']").val('Carregando...');
$("input[name='telefone']").val('Carregando...');

$.getJSON(
    'function.asp',
    {idCliente: $(this).val()},
    function(data){
            $.each(data, function(i, obj){
                    $("input[name='endereco']").val(obj.endereco);
                    $("input[name='telefone']").val(obj.telefone);
            })
    });
});
});
</script>
</head>
<body>
<form action="" method="post">
<label>Nome: <select name="nome">
<option value="">--</option>
<!--#include file="function.asp"-->
<% response.write(montaSelect()) %>
</select></label>
<label>Endereço: <input type="text" name="endereco" value="" /></label>
<label>Telefone: <input type="text" name="telefone" value="" /></label>

</form>
</body>
</html>

 

 

<%
dim conn
set conn = server.CreateObject("Adodb.Connection")
	conn.connectionString = "Driver=MySQL ODBC 3.51 Driver; DataBase=ajax; Server=localhost; Uid=root; Pwd=123;"
conn.open

'função que retorna o select
function montaSelect()
	set dados = conn.execute("SELECT idCliente, nome FROM cliente")
		if (not dados.eof) then
			while (not dados.eof)
				response.write("<option value="""&dados("idCliente")&""">"&dados("nome")&"</option>")
			rs.movenext : wend
		else
			response.write("<option value=""0"">Nenhum cliente cadastrado</option>")
		end if
	set dados = nothing
end function


'função que devolve em formato JSON os dados do cliente
function retorna(id)	
	set rs = conn.execute("SELECT * FROM cliente")
		if (id <> "") then
			set dados = conn.execute("SELECT * FROM cliente WHERE idCliente = '"&id&"'")
				
				'json = "var dados = ";
				json = " ["
				
				if (not dados.eof) then
					json = json + "{endereco: '{"&dados("endereco")&"}', telefone: '{"&dados("telefone")&"}'}"
				else
					json = "endereco: não encontrado"
				end if
				
				json = json + "]"
				'$json = json + ";"
				
			set dados = nothing
		else
			json = "endereco: não encontrado"
		end if
		
		response.write(json)
	set rs = nothing
end function

'só se for enviado o parâmetro, que devolve o combo

if (request.queryString("idCliente") <> "") then
	response.write(retorna(request.queryString("idCliente")))
end if
%>

William, qualquer erro manda para ASP que dou conta lá!!

 

Abraços!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito