Dá uma olhada..
a cada 1 segundo e meio, vai aparecer um alert na tela.. e incrementar um contador…
<html> <head> <title>setInterval</title> <script type="text/javascript"> var i = 0; window.onload = function() { window.setInterval(ver, 1500); } function ver() { i++; return alert('Chamou: '+i); } </script> </head> <body> </body> </html>
Eu tô estudando AJAX com jQuery.. dá uma olhada.. você vai precisar do jQuery:
http://jquery.com/
sql.sql
-- -- Estrutura da tabela `cliente` -- CREATE TABLE IF NOT EXISTS `cliente` ( `idCliente` int(11) NOT NULL AUTO_INCREMENT, `nome` varchar(100) NOT NULL, `endereco` varchar(100) NOT NULL, `telefone` varchar(20) NOT NULL, PRIMARY KEY (`idCliente`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ; -- -- Extraindo dados da tabela `cliente` -- INSERT INTO `cliente` (`idCliente`, `nome`, `endereco`, `telefone`) VALUES (1, 'William ', 'Rua dos Bobos, n 0', '6666-6669'), (2, 'Bruno', 'Avenida Ajax de Cloro', '9999-9996');
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.
Mas você conseguindo gerar o objeto JSON com a tua linguagem server-side, o script jquery que postei, se encarrega do resto do trabalho.
Em funcionamento:
Enviando email com o php:
<?php if( isset($_POST['enviar']) ){ $to = 'email@provedor.com'; //para quem vai o email $subject = $_POST['assunto']; /* Mensagem */ $message = '<html> <head> <title>Titulo da página</title> <style> </style> </head> <body>'. '<img src="" alt="" />'.'<br />'. '<div id="opiniao">'. $_POST['nome'].'<br />'. ' , mandou a seguinte mensagem pela seção "Fale Conosco" do site:'. $_POST['mensagem'].'<br />'. 'Deixou o seguinte telefone para contato:'.$_POST['tel'].' ,'.$_POST['cel']. '<br />'. '</div>'; $message .= '<div id="rodape">Obrigado pelo contato, aguardamos a sua visita.</div>'. '</body> </html>'; $headers = "MIME-Version: 1.0\n"; $headers .= "Content-type: text/html; charset=iso-8859-1\n"; $headers .= "From: {$_POST['email']}"; $headers .= "Bcc: outroemail@provedor.com \r\n"; //altere ou comente essa linha, para receber uma cópia oculta mail($to, $subject, $message, $headers); $msg = 'Obrigado pelo contato, aguardamos a sua visita.'; } ?> <h1>Formulário de exemplo</h1> <?php if( isSet($msg) ) echo '<span class="msg">'.$msg.'</span>'; else { // só mostra o form se não existir a mensagem de obrigado ?> <form action="" method="post"> <fieldset> <label>*Nome Completo: <input type="text" name="nome" title="* Nome Completo" /></label> <label>*Tel: <input type="text" name="tel" onkeypress="mascara(this,mtel)" maxlength="14" size="14" title="*Telefone" /></label> <label>*Cel: <input type="text" name="cel" onkeypress="mascara(this,mtel)" maxlength="14" size="14" title="*Celular" /></label> <label>*E-mail: <input type="text" name="email" title="*E-mail" /></label> <label>*Assunto: <input type="text" name="assunto" title="* Assunto" /></label> <label>*Mensagem: <textarea name="mensagem" rows="4" cols="25" title="* Mensagem"></textarea></label> <label><input type="submit" name="enviar" value="Enviar" /></label> </fieldset> </form> <?php } // fecha else ?>
