Vamos criar nosso formulário, vou utilizar aqui como exemplo cinco campos para upload:

Tamanho: px
Começar a partir da página:

Download "Vamos criar nosso formulário, vou utilizar aqui como exemplo cinco campos para upload:"

Transcrição

1 Upload de vários arquivos com PHP visualizações 2 1 Fala pessoal, hoje irei ensinar a fazer upload de vários arquivos de uma vez, ou seja, ao invés de criar apenas um campo para o usuário selecionar o arquivo, vamos criar múltiplos campos e fazer o upload de cada arquivo para o servidor através do PHP. Clique aqui para fazer download do código 1. Formulário Vamos criar nosso formulário, vou utilizar aqui como exemplo cinco campos para upload: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>upload de vários arquivos com PHP</title> </head> <body> <h1>upload de vários arquivos com PHP</h1> <form action="<?php echo $_SERVER['PHP_SELF']?>" method="post" enctype="multipart/form-data"> <p><input type="file" name="arquivo[]" /></p> <p><input type="file" name="arquivo[]" /></p> <p><input type="file" name="arquivo[]" /></p> <p><input type="file" name="arquivo[]" /></p> <p><input type="file" name="arquivo[]" /></p> <p><input type="submit" value="enviar" /></p> </form> </body> </html> Criamos um formulário e na action definimos que os dados serão enviados para o próprio arquivo, através do $_SERVER['PHP_SELF']. Cada campo de upload receberá o mesmo nome, ou seja, arquivo, porém iremos colocar [] (colchetes) para que assim o php

2 interprete como um array, onde cada arquivo receberá um índice e assim nós poderemos manipular esses arquivos. * Lembrando que quando se trata de upload devemos definir a propriedade enctype= multipart/form-data ; 2. Upload com PHP Já que os dados serão enviados ao mesmo arquivo, vamos colocar nosso código PHP nesse mesmo arquivo, vou optar por colocá-lo entre o header 1 (h1) e o ínicio do formulário: 1 <?php 2 // DEFINIÇÕES for ($i = 0; $i < $numerocampos; $i++) { $erro = false; // Numero de campos de upload $numerocampos = 5; // Tamanho máximo do arquivo (em bytes) $tamanhomaximo = ; // Extensões aceitas $extensoes = array(".doc", ".txt", ".pdf", ".docx"); // Caminho para onde o arquivo será enviado $caminho = "uploads/"; // Substituir arquivo já existente (true = sim; false = nao) $substituir = false; // Informações do arquivo enviado $nomearquivo = $_FILES["arquivo"]["name"][$i]; $tamanhoarquivo = $_FILES["arquivo"]["size"][$i]; $nometemporario = $_FILES["arquivo"]["tmp_name"][$i]; // Verifica se o arquivo foi colocado no campo if (!empty($nomearquivo)) { // Verifica se o tamanho do arquivo é maior que o permitido if ($tamanhoarquivo > $tamanhomaximo) { $erro = "O arquivo ". $nomearquivo. " não deve ultrapassar ". $tamanhomaximo. " bytes"; // Verifica se a extensão está entre as aceitas

3 elseif (!in_array(strrchr($nomearquivo, "."), $extensoes)) { $erro = "A extensão do arquivo <b>". $nomearquivo. "</b> não é válida"; // Verifica se o arquivo existe e se é para substituir elseif (file_exists($caminho. $nomearquivo) and!$substituir) { $erro = "O arquivo <b>". $nomearquivo. "</b> já existe"; // Se não houver erro if (!$erro) { // Move o arquivo para o caminho definido move_uploaded_file($nometemporario, ($caminho. $nomearquivo)); // Mensagem de sucesso echo "O arquivo <b>".$nomearquivo."</b> foi enviado com sucesso. <br />"; // Se houver erro else { // Mensagem de erro echo $erro. "<br />";?> Bom, apesar do código estar comentado, vou tentar detalhar o máximo possível: Linha 4: Definimos o número de campos para enviar arquivo, no nosso caso, 5; Linha 6: Definimos o tamanho máximo de cada arquivo, em bytes, no caso é equivalente a aproximadamente 1MB; Linha 8: Definimos todas as extensões válidas e colocamos em um array; Linha 10: Definimos a pasta onde os arquivos serão gravados (não esqueça de colocar uma / barra depois do nome da pasta); Linha 12: Definimos se deve ser ou não substituido um arquivo já existente, quando false, o arquivo não será substituido, quando true, o arquivo será substituido; Linha 14: Fazemos um loop para recuperar os dados, fazer a verificação e upload de cada campo de upload, o loop só irá terminar quando nosso contador ($i) for igual ao número de campos; Linhas 17, 18, 19: Recuperamos as informações do arquivo do campo;

4 Linhas 27, 28, 29: Se o tamanho do arquivo for maior que o definido, será gerado um erro; Linhas 31, 32, 33: Pegamos a extensão do arquivo através da função strrchr() e verificamos se ela está contida no array das extensões válidas, se não estiver, será gerado um erro; Linhas 35, 36, 37: Verificamos se o arquivo já existe e se deve ser substituido ou não; Linhas 40 a 45: Se não houver nenhum erro, movemos o arquivo que foi enviado para o caminho definido e exibimos a mensagem de sucesso, caso contrário um erro será exibido. Bom, espero que vocês tenham entendido. Qualquer dúvida entre em contato, ok? Espero que esse artigo tenha sido útil a vocês, abraços.

5 Formulário dinâmico com jquery Bom galera, é o primeiro post aqui e venho trazer a vocês uma forma de otimizar as páginas de cadastro com um formulário dinâmico através do jquery. Qual a ideia? A princípio a ideia é inserir o formulário de acordo com a demanda, não sobrecarregando a página com elementos que possivelmente não iram ser usados e identificar cada campo com o atributo name diferente para recuperá-los mais tarde. Bom, acho que consegui me expressar então vamos botar a mão na massa! HTML Primeiramente precisamos de nosso formulário? Código 01 <form method="get" action="processa.php"> 02 <table> <thead> <tr> <th>item</th> <th>quantidade</th> </tr> </thead> <tbody> <tr> <td><input type="text" name="item1" size="60" /></td> <td><input type="text" name="quantidade1" size="10" /></td> </tr>

6 14 </tbody> 15 </table> 16 <!--Irá armazenar a quantidade de linhas--> 17 <input type="hidden" value="1" name="quantidade_itens" /> 18 </form> Agora precisamos de dois elementos que posteriormente irão disparar o envio do formulário e a inserção de novos inputs.? Código 1 <a href="#" id="enviar">enviar lista de compras</a> 2 <a href="#" id="mais">add Item</a> jquery Para enviar o formulário, iremos associar o seu método.submit() ao evento.click() de um dos elementos que criamos para este fim. Aqui utilizaremos o link com id enviar.? Código 1 // JavaScript Document 2 $('#enviar').click(function(){ 3 $('form').submit(); 4 ); E Agora o X da questão! Dentro do evento.click() do link com id mais vamos:

7 1. Armazenar numa variável a quantidade de linhas de nossa tabela. 2. Inserir o código html da linha que contém os inputs com a propriedade name concatenada com o número da linha a ser inserida que armazenamos na variável next. 3. E por fim atualizar o valor do elemento :hidden que usamos para armazenar a quantidade de linhas.? Código 01 $('#mais').click(function(){ //recuperando o próximo numero da linha var next = $('#lista tbody').children('tr').length + 1; //inserindo formulário $('#lista tbody').append('<tr>' + '<td><input type="text" name="item' + next + '" /></td>' + '<td><input type="text" name="quantidade' + next + '" /></td>' + '</tr>'); //armazenando a quantidade de linhas ou registros no elemento hidden $(':hidden').val(next); return false; 16 );

8 Mas pra que serve saber a quantidade de linhas de registros neste formulário? É simples, como criamos o formulário dinâmico, devemos informar à página que irá receber os dados qual a quantidade de registros que ela irá receber. Pronto, o script já está funcionando. Mas para um melhor entendimento mostraremos como a página irá receber estes dados. PHP A pagina deverá conter uma variável para recuperar a quantidade de itens, (lembra aquela que comentamos?) e um loop que terá como limite nossa variável. Dentro dele basta recuperar os valores concatenando a propriedade name do campo com o número da repetição.? 01 <?php 02 Código 03 $quantidade_itens = $_GET['quantidade_itens']; for ( $x = 1; $x <= $quantidade_itens ; $x++ ){ $item = $_GET["item$x"]; $quantidade = $_GET["quantidade$x"]; //aqui seu código com o uso dos valores capturados ?>

9 Veja a Demo O que fizemos basicamente? Inserimos através do método.append() os inputs com o atributo name concatenado com a quantidade de linhas mais 1, que atribuímos à variável quantidade. Sendo assim somente o final da propriedade name irá mudar, facilitando a recepção dos dados por outra página. Implementando então uma inserção dinâmica onde todos os valores poderão ser capturados. Obs:. É bom lembra que essa é uma das formas de se fazer cada um pode implementar da maneira que quiser mas o conceito, como já mencionei, é sempre o mesmo. Atenção para a dica: Aqui não foi associado nenhum evento aos inputs, mas se necessário, é preciso utilizar o método.live() para que este evento se estenda a todos os inputs. Um abraço e até o próximo post!

10 Upload dinâmico com PHP/jQuery visualizações Olá pessoal, tudo certo? Várias pessoas me perguntam como fazer upload de arquivos com ajax e hoje pretendo apresentar uma solução para isso. Na verdade, não se trata de um upload com ajax, mas sim um upload dinâmico, porém para um usuário comum isso é indiferente. A solução é simples e conhecida: fazer um iframe contendo um campo do tipo file, fazemos o envio desse arquivo dentro do iframe e então com a ajuda do jquery recuperamos as informações desse arquivo e trazemos para a página pai. Nesse artigo irei utilizar anexo de arquivos como exemplo. Confira o resultado final 1. Upload (upload.php) Inicialmente iremos fazer uma página que fará o upload de um arquivo, assim como é feito normalmente. Caso você tenha dúvidas, pode consultar esses dois artigos: Upload simples de imagem com PHP/MySQL e Upload de vários arquivos com PHP. <?php // Flag que indica se há erro ou não $erro = null; // Quando enviado o formulário if (isset($_files['arquivo'])) { // Extensões permitidas $extensoes = array(".doc", ".txt", ".pdf", ".docx", ".jpg"); // Caminho onde ficarão os arquivos $caminho = "uploads/"; // Recuperando informações do arquivo $nome = $_FILES['arquivo']['name']; $temp = $_FILES['arquivo']['tmp_name']; // Verifica se a extensão é permitida

11 if (!in_array(strtolower(strrchr($nome, ".")), $extensoes)) { $erro = 'Extensão inválida'; // Se não houver erro if (!isset($erro)) { // Gerando um nome aleatório para o arquivo $nomealeatorio = md5(uniqid(time())). strrchr($nome, "."); // Movendo arquivo para servidor if (!move_uploaded_file($temp, $caminho. $nomealeatorio)) $erro = 'Não foi possível anexar o arquivo';?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>upload dinâmico com jquery/php</title> <script type="text/javascript" src="js/jquery.js"></script> </head> <body> <form id="upload" action="upload.php" method="post" enctype="multipart/form-data"> <label>arquivo: </label> <span id="status" style="display: none;"><img src="image/loader.gif" alt="enviando..." /></span> <br /> <input type="file" name="arquivo" id="arquivo" /> </form> </body> </html> Bom pessoal, nesse arquivo será feito apenas um upload simples. Resumindo, quando enviado o formulário nós recuperamos as informações desse arquivo, verificamos se sua extensão é válida, caso seja, geramos um nome aleatório para esse arquivo e enviamos para o servidor. Vamos agora criar nosso código javascript (utilizando jquery), que será incluído no cabeçalho desse arquivo:

12 $(function($) { // Definindo página pai var pai = window.parent.document; <?php if (isset($erro)): // Se houver algum erro?> // Exibimos o erro alert('<?php echo $erro?>'); <?php elseif (isset($nome)): // Se não houver erro e o arquivo foi enviado?> // Adicionamos um item na lista (ul) que tem ID igual a "anexos" $('ul#anexos', pai).append('<li lang="<?php echo $nomealeatorio?>"><?php echo $nome?> <img src="image/remove.png" alt="remover" class="remover" onclick="removeanexo(this)" \/> </li>'); <?php endif?> // Quando selecionado um arquivo $("#arquivo").change(function() { // Se o arquivo foi selecionado if (this.value!= "") { // Exibimos o loder $("#status").show(); // Enviamos o formulário $("#upload").submit(); ); ); Talvez não faça tanto sentido agora, porém mais adiante você entenderá melhor, vamos aos detalhes: Linha 3: Como esse arquivo ficará dentro de um iframe, precisamos saber quem é a página pai, para isso definimos uma variável com o documento da página pai; Linha 5, 8: Aqui está um detalhe interessante. Como a linguagem servidor (PHP) é executada primeiro que a cliente (javascript), nós fazemos um teste. Se a variável erro foi definida, nós imprimimos um alert, que depois será executada pelo javascript, que exibirá uma mensagem de alerta com o erro que foi armazenado; Linha 10: Caso não haja erro, e a variável nome foi definida, ou seja, o arquivo foi enviado;

13 Linha 13: Colocamos na lista (que será criada adiante) com ID igual a anexos um item, porém perceba que foi passado no segundo parâmetro do seletor a variável pai, portanto ele irá buscar o ul#anexos da página pai. Nesse item colocamos o nome aleatório do arquivo na propriedade LANG. Logo após, colocamos uma imagem que será responsável por remover o anexo, note que definimos, no evento onclick, a chamada da função removeanexo(), está será explicada adiante. Linha 18: Quando o usuário selecionar um arquivo. Linha 20: Verificamos se um arquivo foi realmente selecionado. Linha 23: Exibimos nosso loader (carregando). Linha 25: Enviamos o formulário via javascript. 2. A página pai (index.php) Está será a página principal, onde colocaremos o iframe que incluirá o nosso arquivo de upload: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>upload dinâmico com jquery/php</title> <script type="text/javascript" src="js/jquery.js"></script> </head> <body> <h1>upload dinâmico com jquery/php</h1> <ul id="anexos"></ul> <iframe src="upload.php" frameborder="0" scrolling="no"></iframe> <form id="upload" action="index.php" method="post"> <input type="submit" name="enviar" value="enviar" /> </form> </body> </html>

14 Nessa estrutura, criamos a lista (ul#anexos) onde serão adicionados os anexos, logo abaixo criamos nosso iframe e chamamos nosso arquivo de upload (upload.php). A essa altura, nosso upload dinâmico já está funcional, porém precisamos criar a função para remover o anexo: 1 // Função para remover um anexo 2 function removeanexo(obj) 3 { 4 // Recuperando nome do arquivo 5 var arquivo = $(obj).parent('li').attr('lang'); 6 // Removendo arquivo do servidor 7 $.post("index.php", {acao: 'removeanexo', arquivo: arquivo, function() { 8 // Removendo elemento da página 9 $(obj).parent('li').remove(); 10 ); 11 Linha 2: Criamos nossa função que receberá como parâmetro o elemento da imagem; Linha 5: A imagem está dentro do item (li), certo? Portanto, através do método parent() selecionamos o item (li) e pegamos o valor da propriedade LANG (Lembra que colocamos o nome do arquivo aqui?); Linha 7: Fazemos uma requisição ajax com nosso próprio arquivo, e passamos como ação removeanexo e também o nome do arquivo anexado. Isso será preciso para que possamos remover o arquivo do servidor; Linha 9: Quando terminado a requisição, removemos o elemento li de nossa página. Vamos então criar a função PHP (logo no inicio do arquivo) que removerá o arquivo do servidor: <?php // Quando a ação for para remover anexo if ($_POST['acao'] == 'removeanexo') { // Recuperando nome do arquivo $arquivo = $_POST['arquivo']; // Caminho dos uploads $caminho = 'uploads/'; // Verificando se o arquivo realmente existe if (file_exists($caminho. $arquivo) and!empty($arquivo)) // Removendo arquivo

15 unlink($caminho. $arquivo); // Finaliza a requisição exit;?> Parece que agora acabou né? Ainda não. Como iremos recuperar esses anexos quando enviado o formulário? Já que nosso formulário está simplesmente assim: <form id="upload" action="index.php" method="post"> <input type="submit" name="enviar" value="enviar" /> </form> A solução é criar campos ocultos com os nomes dos arquivos quando enviado o formulário, para isso: $(function($) { 1 // Quando enviado o formulário 2 $("#upload").submit(function() { 3 // Passando por cada anexo 4 $("#anexos").find("li").each(function() { 5 // Recuperando nome do arquivo 6 var arquivo = $(this).attr('lang'); 7 // Criando campo oculto com o nome do arquivo 8 $("#upload").prepend('<input type="hidden" name="anexos[]" value="' + 9 arquivo + '" \/>'); 10 ); 11 ); 12 ); Linha 3: Quando nosso formulário for enviado; Linha 5: Procuramos cada item (li) em nossa lista de anexo e passamos por cada um através do laço each(); Linha 7: Recuperamos o nome (aleatório) do arquivo que foi armazenado na propriedade LANG; Linha 9: Através do prepend() adicionamos um campo oculto (hidden) dentro de nosso formulário (#upload) e colocamos o nome do arquivo como valor. Note que atribuímos o nome como anexos[] para que assim possamos recuperar os anexos já dentro de um array com PHP. Agora, para fins de teste você pode adicionar o seguinte no inicio do arquivo:

16 // Se enviado o formulário if (isset($_post['enviar'])) { echo 'Arquivos enviados: '; echo '<pre>'; // Exibimos os arquivos anexados print_r($_post['anexos']); echo '</pre>'; Assim, você pode perceber, que quando enviado o formulário, o nome de nossos arquivos ficaram no array anexos e então podemos armazená-los no banco de dados, por exemplo.

17 jquery: Duplicar campos de formulários (2) Olá pessoal! Muitos leitores gostaram de meu post onde ensinei a duplicar campos de formulários utilizando o jquery. Bem, volto novamente a ensinar esta dica através do código fonte comentado, porém, com novas funcionalidades! Agora é possível remover linhas da tabela e a definir um limite máximo de linhas! Confira! Começando com o HTML <form action="pagina.php" method="post"> 02 <table cellpadding="4" cellspacing="0" border="1"> <thead 03 > 04 <tr> 05 <td>dia</td> 06 <td>hora</td> 07 <td>resultado</td> 08 <td>seleção</td> <td> </td 09 > 10 </tr> 11 </thead> 12 <tbody id="repetir"> 13 <tr id="linha_1"> 14 <td><input type="text" name="dia[]" value="" /></td> 15 <td><input type="text" name="hora[]" value="" /></td> 16 <td><input type="text" name="resultado[]" value="" /></td>

18 17 <td> 18 <select name="selecao[]"> 19 <option></option> 20 <option value="1">seleção 1</option> 21 <option value="2">seleção 2</option> 22 <option value="3">seleção 3</option> 23 </select> 24 </td> <td><input type="button" value="remover" id="remove" 25 onclick="$.removelinha(this);" /></td> 26 </tr> 27 </tbody> 28 <tfoot> 29 <tr> <td align="right" colspan="5"><input type="button" value="adicionar" 30 id="add" /><input type="submit" value="enviar" /></td> 31 </tr> </tfoot 32 > 33 </table> 34 </form> No código acima, destaco este trecho de exemplo para explicar... 1 <input type="text" name="dia[]" value="" /> Para quem não sabe, estas chaves "[]", presentes dentro do atributo name, servem para fazer o formulário guardar as informações de cada linha em uma array, podendo assim serem lidas pelo PHP ou outra linguagem utilizada. Agora, o código em jquery que faz tudo acontecer!

19 01 /* Função jquery para remover linha */ $.removelinha = function (element) 04 { /* Conta quantidade de linhas na tabela */ var linha_total = $('tbody#repetir tr').length; /* Condição que mantém pelo menos uma linha na tabela */ if (linha_total > 1) 13 { /* Remove os elementos da linha onde está o botão clicado */ $(element).parent().parent().remove(); /* Avisa usuário de que não pode remover a última linha */ else 24 { alert("desculpe, mas você não pode remover esta última linha!"); ; /* Quando o documento estiver carregado */ $(document).ready(function()

20 35 { /* Variável que armazena limite de linhas (zero é ilimitada) */ var limite_linhas = 5; /* Quando o botão adicionar for clicado... */ $('#add').click(function() 44 { /* Conta quantidade de linhas na tabela */ var linha_total = $('tbody#repetir tr').length; /* Condição que verifica se existe limite de linhas e, se existir, testa se usuário atingiu limite */ if (limite_linhas && limite_linhas > linha_total) 53 { /* Pega uma linha existente */ var linha = $('tbody#repetir tr').html(); /* Conta quantidade de linhas na tabela */ var linha_total = $('tbody#repetir tr').length; /* Pega a ID da linha atual */ var linha_id = $('tbody#repetir tr').attr('id'); /* Acrescenta uma nova linha, incluindo a nova ID da linha */

21 $('tbody#repetir').append('<tr id="linha_' + (linha_total + 1) + '">' + linha + '</tr>'); /* Se usuário atingiu limite de linhas */ else 76 { 77 alert("desculpe, mas você só pode adicionar até " + limite_linhas + " linhas!"); ); ); Nota: Incluir o código jquery acima dentro das tags <script>, é claro! Confira uma demonstração clicando aqui. Abraços a todos e façam bom proveito do código! :)

22 Validando Formulários com Javascript visualizações 12 1 Com o PHP ou ASP, podemos validar um formulário, porém é necessário atualizar a página e tudo acaba sendo mais demorado. Com Javascript isso fica mais fácil, pois não é necessário nem atualizar a página. Mas lembrando que é necessário também a validação com o lado servidor (PHP ou ASP), pois o javascript pode ser burlado. Clique aqui para ver o que será feito É uma validação simples, porém de muita utilizadade. Vamos ao código (O código completo está disponível para download no final do artigo): 1. Criando o formulário: Primeiramente, vamos fazer nosso formulário: 1 <html> 2 <head> 3 <title>validando Formulários com Javascript</title> 4 </head> 5 <body> 6 <form name="form1" action="enviar.php" method="post"> 7 Nome: 8 <input name="nome" type="text"><br /><br /> <input name=" " type="text"><br /><br /> 11 Senha: 12 <input name="senha" type="password"><br /><br /> 13 Repitir Senha: 14 <input name="rep_senha" type="password"><br /><br /> 15 <input type="submit" onclick="return validar()"> 16 </form> 17 </body> 18 </html> - Bom aqui criamos o formulário; - Linha 15: [onclick="return validar()"] estamos chamando a função validar() no momento que o usuário clicar em enviar; 2. Criando a função validar()

23 Agora, vamos criar nosso código javascript para fazer validação, lembrando que esse código deve estar, de preferência, entre as tags head (cabeçalho): 1 <script language="javascript" type="text/javascript"> 2 function validar() { 3 4 </script> - No código acima foi criada a função validar(); 1 <script language="javascript" type="text/javascript"> 2 function validar() { 3 var nome = form1.nome.value; 4 var = form1. .value; 5 var senha = form1.senha.value; 6 var rep_senha = form1.rep_senha.value; 7 8 </script> - Dentro de nossa função criamos as varíaveis para cada campo de nosso formulário; - Linha 3: criamos a varíavel nome e atribuimos o valor do campo nome, ou seja form1.nome.value (Valor do campo nome do nosso formulário); - O mesmo foi feito nas linhas 4, 5 e 6; <script language="javascript" type="text/javascript"> function validar() { var nome = form1.nome.value; var = form1. .value; var senha = form1.senha.value; var rep_senha = form1.rep_senha.value; if (nome == "") { alert('preencha o campo com seu nome'); form1.nome.focus(); return false; </script> - Linha 8: Se nome (O campo nome, pois declamos a variável) estiver em branco, as ações serão executadas; - Linha 9: Dispara uma mensagem de alerta dizendo que o usuário deve preencher o campo nome; - Linha 10: Da foco no campo nome; - Linha 15: Retorna a resposta false, ou seja, que não deve continuar enviando os dados;

24 - Resumindo, caso o campo nome esteje em branco será exibido uma mensagem de alerta dizendo ao usuário que preencha o campo com seu nome; - O mesmo pode e será feito com os outros campos; 1 if (nome.length < 5) { 2 alert('digite seu nome completo'); 3 form1.nome.focus(); 4 return false; 5 - Podemos verificar também se um campo tem o número de caracteres mínimo/máximo especificado. - Para isso utilizamos length, ou seja, se o numero de caracteres do campo nome for menor que 5 a ação será executada. 1 if (senha!= rep_senha) { 2 alert('senhas diferentes'); 3 form1.senha.focus(); 4 return false; 5 - Podemos também ver se dois campos coincidem, no caso a senha e sua repetição; - Se senha (campo senha) for diferente de rep_senha (Campo Repitir Senha) as ações serão executadas; - Podemos utilizar todos os métodos de comparação: Menor que: < Maior que: > Igual a: == Diferente de:!= Conclusão Isso é só um pouco do que o javascript pode fazer, mas já é útil para validar seus formulários de uma forma mais rápida e fácil.

English Português. By erickalves 25 Julho, 2009-01:08. Devido à política (#) de segurança. Encontrar Blogs Crie o seu blog de graça Ganhe prêmios

English Português. By erickalves 25 Julho, 2009-01:08. Devido à política (#) de segurança. Encontrar Blogs Crie o seu blog de graça Ganhe prêmios Encontrar Blogs Crie o seu blog de graça Ganhe prêmios English Português Cel: +55 (21) 7417-9918 E-mail: erick@lithic.com.br Inserindo dados no banco em PHP + Ajax + jquery + Mysql + Validação (/pt-br/blog/tutoriais

Leia mais

PHP: Formulários e upload de múltiplos arquivos Por Alfred Reinold Baudisch 28 de fevereiro de 2006.

PHP: Formulários e upload de múltiplos arquivos Por Alfred Reinold Baudisch 28 de fevereiro de 2006. PHP: Formulários e upload de múltiplos arquivos Por Alfred Reinold Baudisch 28 de fevereiro de 2006. Veja como montar um formulário para upload de múltiplos arquivos e como processá-lo com o PHP, usando

Leia mais

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Formulários e JavaScript Como visto anteriormente, JavaScript pode ser usada para

Leia mais

Mais sobre uso de formulários Site sem Ajax

Mais sobre uso de formulários Site sem Ajax Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher

Leia mais

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.). HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a

Leia mais

COMO FUNCIONA UM FORMULÁRIO

COMO FUNCIONA UM FORMULÁRIO FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,

Leia mais

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.

Leia mais

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um

Leia mais

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,

Leia mais

Validação de formulários utilizando Javascript

Validação de formulários utilizando Javascript Validação de formulários utilizando Javascript A validação de formulários é um dos usos mais comuns na programação Javascript. A validação de dados por meio da programação Javascript é muito fácil e rápida

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aulas 09 e 10 Fernando F. Costa nando@fimes.edu.br Formulários O formulário representa o modo mais importante de interatividade que a linguagem HTML oferece. Um formulário pode

Leia mais

Basicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados:

Basicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados: Livro de Visitas Basicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados: ID nome email mensagem data O código

Leia mais

Formulário (Send & Recieve) Prof. Celso H. Masotti

Formulário (Send & Recieve) Prof. Celso H. Masotti Formulário (Send & Recieve) Prof. Celso H. Masotti O Send e o Recieve A partir desse momento os exercícios serão realizados com dois arquivos, um de envio de dados (send) e o que recebe esse dados (recieve)

Leia mais

Como incluir artigos:

Como incluir artigos: Como incluir artigos: O WordPress é uma ferramenta muito flexível, com muitas variações e ajustes que podem torná-lo algo muito simples e também muito sofisticado conforme os recursos que são configurados

Leia mais

Lista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -!

Lista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -! Página1 Javascript JavaScript (JS) é uma linguagem de programação client side Funciona no navegador do usuário. É uma linguagem baseada em objetos. "Walmir".length; 6 Para que serve - fazer websites responder

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB

INTRODUÇÃO AO DESENVOLVIMENTO WEB INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Formulários Os formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário. Um formulário é uma área que

Leia mais

AJAX no GASweb. Mas e afinal, para que usamos o AJAX?

AJAX no GASweb. Mas e afinal, para que usamos o AJAX? Nível - Avançado AJAX no GASweb Por: Pablo Hadler AJAX (Asynchronous Javascript and XML) foi criado com o princípio de ser uma maneira rápida e otimizada de podermos fazer requisições Web, sendo esta totalmente

Leia mais

Memória Flash. PdP. Autor: Tiago Lone Nível: Básico Criação: 11/12/2005 Última versão: 18/12/2006. Pesquisa e Desenvolvimento de Produtos

Memória Flash. PdP. Autor: Tiago Lone Nível: Básico Criação: 11/12/2005 Última versão: 18/12/2006. Pesquisa e Desenvolvimento de Produtos TUTORIAL Memória Flash Autor: Tiago Lone Nível: Básico Criação: 11/12/2005 Última versão: 18/12/2006 PdP Pesquisa e Desenvolvimento de Produtos http://www.maxwellbohr.com.br contato@maxwellbohr.com.br

Leia mais

W o r d p r e s s 1- TELA DE LOGIN

W o r d p r e s s 1- TELA DE LOGIN S U M Á R I O 1Tela de Login...2 2 Painel......3 3 Post...4 4 Ferramentas de Post...10 5 Páginas...14 6 Ferramentas de páginas...21 7 Mídias...25 8 Links......30 1 1- TELA DE LOGIN Para ter acesso ao wordpress

Leia mais

http://www.multside.com.br CODE IGNITER INSTALAÇÃO & BANCO DE DADOS

http://www.multside.com.br CODE IGNITER INSTALAÇÃO & BANCO DE DADOS CODE IGNITER INSTALAÇÃO & BANCO DE DADOS INSTALAÇÃO Instalar o code-igniter é muito simples, basta que você tenha um servidor que rode PHP 5 (para saber consulte a documentação PHP do seu servidor). Após

Leia mais

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT)

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) Formulários (FORMS): Um formulário é uma área que pode conter elementos de formulário. Elementos de formulário são elementos que permitem ao usuário

Leia mais

Programação web Prof. Wladimir

Programação web Prof. Wladimir Programação web Prof. Wladimir Linguagem PHP Cookie e Sessão @wre2008 1 Sumário Header; Cookie; Sessão; Exemplos. @wre2008 2 Header Esta função permite que um script php redirecione para outra página.

Leia mais

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique. Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças

Leia mais

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda PROGRAMAÇÃO PARA INTERNET Introdução à AJAX Fonte: Raul Paradeda INTRODUÇÃO Para entender o que é o AJAX é necessário ter o prévio conhecimento de: HTML / XHTML; Javascript; CSS; XML. INTRODUÇÃO Ao pesquisar

Leia mais

PROGRAMAÇÃO WEB DO LADO DO CLIENTE

PROGRAMAÇÃO WEB DO LADO DO CLIENTE PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,

Leia mais

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5.

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5. Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5. Ele considera que você já tem o Joomla! instalado no seu computador. Caso você queira utilizá lo em um servidor na web,

Leia mais

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA FERRAMENTAS DE COLABORAÇÃO CORPORATIVA Compartilhamento de Arquivos no Google Drive Sumário (Clique sobre a opção desejada para ir direto à página correspondente) Utilização do Google Grupos Introdução...

Leia mais

Gerenciamento de Contatos

Gerenciamento de Contatos Gerenciamento de Contatos O objetivo deste módulo é ajudar a gerenciar todos os contatos da empresa. Além dos dados mais importantes, o módulo permite cadastrar anotações e relacionar as tarefas e eventos

Leia mais

Programação Web Prof. Wladimir

Programação Web Prof. Wladimir Programação Web Prof. Wladimir HTML - Formulários @wre2008 1 Sumário Formulários HTML @wre2008 2 Formulários: Muitos elementos de um formulário html são definidos pela tag . Cada tipo de elemento

Leia mais

Manual Administrador - Mídia System

Manual Administrador - Mídia System Manual Administrador - Mídia System Logo após cadastrarmos sua Empresa em nosso sistema, será enviado um e-mail confirmando as informações de acesso do Administrador do sistema. Obs: Caso não tenha recebido

Leia mais

Prof Evandro Manara Miletto. parte 2

Prof Evandro Manara Miletto. parte 2 Prof Evandro Manara Miletto parte 2 Sumário Estruturas de Controle Eventos Estruturas de controle características Estruturas de controle (ou condicionais) são executadas caso um teste seja atendido Permite

Leia mais

Scriptlets e Formulários

Scriptlets e Formulários 2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.

Leia mais

e-ouv Passo-a-passo Sistema de Ouvidorias do Poder Executivo Federal Junho, 2015 Controladoria-Geral da União

e-ouv Passo-a-passo Sistema de Ouvidorias do Poder Executivo Federal Junho, 2015 Controladoria-Geral da União e-ouv Passo-a-passo Sistema de Ouvidorias do Poder Executivo Federal Junho, 2015 Sumário 1. Acesso ao sistema... 3 2. Funcionalidades do sistema... 5 3. Como tratar manifestações... 14 3.1 Detalhar...

Leia mais

MANUAL DO ANIMAIL 1.0.0.1142 Terti Software

MANUAL DO ANIMAIL 1.0.0.1142 Terti Software O Animail é um software para criar campanhas de envio de email (email Marketing). Você pode criar diversas campanhas para públicos diferenciados. Tela Principal do sistema Para melhor apresentar o sistema,

Leia mais

Listando itens em ComboBox e gravando os dados no Banco de Dados MySQL.

Listando itens em ComboBox e gravando os dados no Banco de Dados MySQL. Listando itens em ComboBox e gravando os dados no Banco de Dados MySQL. Prof. Vitor H. Migoto de Gouvêa Colégio IDESA 2012 Edição 7 Listando e Gravando Listando itens em ComboBox e gravando os dados no

Leia mais

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL.

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Procuraremos mostrar os principais procedimentos para fazer um cadastro de registros numa base de dados MySQL utilizando a linguagem

Leia mais

Programando em PHP. Conceitos Básicos

Programando em PHP. Conceitos Básicos Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web

Leia mais

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário Sumário FORMULÁRIO EM HTML... 2 FORM... 2 ACTION... 2 METHOD... 2 INPUT... 2 INPUT TYPE TEXT... 2 INPUT TYPE PASSWORD... 2 CHECKBOX - Múltipla escolha... 4 RADIO - Escolha única... 4 Botões de ação...

Leia mais

Manual do Instar Mail v2.0

Manual do Instar Mail v2.0 Manual do Instar Mail v2.0 Sumário Conteúdo Menu Principal... 2 Menu Cliente... 3 Pagina Categorias do Instar-Mail... 4 Importação... 4 Campanhas... 8 Cadastramento de campanhas do Instar-Mail... 9 Ações

Leia mais

Formulários em HTML - O que são e para que servem

Formulários em HTML - O que são e para que servem Formulários em HTML - O que são e para que servem A tag - Os atributos action e method A primeira coisa que iremos fazer é usar a tag para podermos usarmos formulários. Antes de entrarmos

Leia mais

www.marketingdigitalexpress.com.br - Versão 1.0 Página 1

www.marketingdigitalexpress.com.br - Versão 1.0 Página 1 www.marketingdigitalexpress.com.br - Versão 1.0 Página 1 Remarketing é um recurso utilizado para direcionar anúncios personalizados para as pessoas que visitaram uma determinada página do seu site ou clicaram

Leia mais

Tutorial para envio de comunicados e SMS

Tutorial para envio de comunicados e SMS Tutorial para envio de comunicados e SMS Conteúdo 1. Enviando comunicado para os alunos... 1 2. Verificando a situação do envio dos e-mails para os alunos... 5 3. Enviando comunicado para colaboradores

Leia mais

WF Processos. Manual de Instruções

WF Processos. Manual de Instruções WF Processos Manual de Instruções O WF Processos é um sistema simples e fácil de ser utilizado, contudo para ajudar os novos usuários a se familiarizarem com o sistema, criamos este manual. Recomendamos

Leia mais

Manual de Utilização

Manual de Utilização Manual de Utilização Versão 1.0 18/01/2013 Sempre consulte por atualizações deste manual em nossa página. O Cotação Web está em constante desenvolvimento, podendo ter novas funcionalidades adicionadas

Leia mais

Programação Web Prof. Wladimir

Programação Web Prof. Wladimir Programação Web Prof. Wladimir Linguagem PHP @wre2008 1 Sumário PHP: Tipos de dados; Manipulação de dados; Utilizando formulário. @wre2008 2 Tipos de dados As variáveis são declaradas no momento de sua

Leia mais

1) Ao ser executado o código abaixo, em PHP, qual será o resultado impresso em tela?

1) Ao ser executado o código abaixo, em PHP, qual será o resultado impresso em tela? Exercícios sobre Linguagem PHP: 1) Ao ser executado o código abaixo, em PHP, qual será o resultado impresso em tela? 2) Considere a linguagem de programação PHP e seus operadores. A execução da sentença:

Leia mais

indica o nome do campo pelo qual podemos acessar.

indica o nome do campo pelo qual podemos acessar. Formulários Em geral Com o Javascript, os formulários Html tomam outra dimensão. Não esqueça que em Javascript, podemos acessar cada elemento de um formulário para, por exemplo, ler ou escrever um valor,

Leia mais

Manual de uso do aplicativo Filho Sem Fila

Manual de uso do aplicativo Filho Sem Fila Manual de uso do aplicativo Filho Sem Fila Código escola Ao abrir o aplicativo, será exibida tela solicitando o código da escola que utilizará o sistema. Para acessar, basta digitar o código fornecido

Leia mais

Guia Site Empresarial

Guia Site Empresarial Guia Site Empresarial Índice 1 - Fazer Fatura... 2 1.1 - Fazer uma nova fatura por valores de crédito... 2 1.2 - Fazer fatura alterando limites dos cartões... 6 1.3 - Fazer fatura repetindo última solicitação

Leia mais

Fluxo de trabalho do Capture Pro Software: Indexação de código de barras e separação de documentos

Fluxo de trabalho do Capture Pro Software: Indexação de código de barras e separação de documentos Este procedimento corresponde ao fluxo de trabalho de Indexação de código de barras e de separação de documentos no programa de treinamento do Capture Pro Software. As etapas do procedimento encontram-se

Leia mais

MANUAL COTAÇAO WEB MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA. [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email]

MANUAL COTAÇAO WEB MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA. [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email] MANUAL COTAÇAO WEB [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email] MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA Material Desenvolvido para a Célula Materiais Autor: Equipe

Leia mais

O código acima descreve o formulário com uma caixa de texto e dois botões

O código acima descreve o formulário com uma caixa de texto e dois botões Formulários Formulários permitem que os usuários interajam com um servidor Web passando informações. Assim, através da Web, se pode ler e gravar informações em Banco de Dados, gerando enormes possibilidades

Leia mais

JDBC Java Database Connectivity

JDBC Java Database Connectivity 5 JDBC Java Database Connectivity Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Trabalhar com bancos de dados em aplicações web em JSP através das classes

Leia mais

TUTORIAL JSP & SERVLET

TUTORIAL JSP & SERVLET TUTORIAL JSP & SERVLET A.A.S. UNINOVE WWW.AAS.PRO.BR Exemplo simples de JSP com Servlet (para envio e recebimento de dados) Sumário JSP & SERVLET... 2 1. Criando Projeto... 2 2. O primeiro JSP... 3 3.

Leia mais

MANUAL DO INSTAR-MAIL 1.0. Pagina de login e senha do Instar-Mail

MANUAL DO INSTAR-MAIL 1.0. Pagina de login e senha do Instar-Mail 1º Passo: Acesse o seguinte endereço http://www.smtp.com.br/sg/cliente/logar.php MANUAL DO INSTAR-MAIL 1.0 2º Passo: Será apresentada uma tela solicitando o seu login e senha: Sendo assim: Digite o seu

Leia mais

Daruma NFCe Conheça todos os passos para testar a NFCe Daruma

Daruma NFCe Conheça todos os passos para testar a NFCe Daruma Pré-requisitos Mini Impressora Daruma versão 02.50.02 ou superior. Cadastro no servidor de Testes Daruma NFCe Conheça todos os passos para testar a NFCe Daruma Adquirir Mini Impressora a preço subsidiado

Leia mais

MANUAL DE UTILIZAÇÃO SISTEMA DE CADASTRO INTRANET

MANUAL DE UTILIZAÇÃO SISTEMA DE CADASTRO INTRANET MANUAL DE UTILIZAÇÃO SISTEMA DE CADASTRO INTRANET I Sumário 1. Objetivo do Documento... 1 2. Início... 1 3. Cadastro de Pessoa Física... 3 3.1. Preenchimentos Obrigatórios.... 4 3.2. Acesso aos Campos

Leia mais

Controle de acesso. http://www.larback.com.br. .com.br

Controle de acesso. http://www.larback.com.br. .com.br http://www.larback Controle de acesso Construiremos um sistema simples para cadastro de links. O sistema terá uma página pública (onde serão exibidos os links) e uma área administrativa, onde os usuários

Leia mais

Guia do RepositorioDocumento

Guia do RepositorioDocumento Módulo: RepositorioDocumento.Cls_Repositorio Versão: 1.0.0 Data: 16/05/2003 Analista: João Augusto de Moura DBA: Maria Cristina de Oliveira Zimmermann Coordenador: Alex Albert Henchel Gerente Operacional:

Leia mais

[MANUAL DE INTEGRAÇÃO PARA SITES DE MEMBROS]

[MANUAL DE INTEGRAÇÃO PARA SITES DE MEMBROS] 2011 [MANUAL DE INTEGRAÇÃO PARA SITES DE MEMBROS] Destinado a usuários que desejam vender conteúdo premium, disponível em sites de membros, através da plataforma Hotmart. Versão do documento: 1.0, 11/04/2011.

Leia mais

Nova Central de Atendimento Logicorp

Nova Central de Atendimento Logicorp 1. INICIAR O NAVEGADOR DE INTERNET Acessar a página da Logicorp no link: http://www.logicorp.net.br/index.html 2. ACESSANDO A ÁREA DE ATENDIMENTO DO NOSSO SITE Na parte superior clique em Atendimento.

Leia mais

JavaScript (Funções, Eventos e Manipulação de Formulários)

JavaScript (Funções, Eventos e Manipulação de Formulários) Linguagem de Programação para Web JavaScript (Funções, Eventos e Manipulação de Formulários) Prof. Mauro Lopes 1-31 23 Objetivos Iremos avançar um pouco mais em nosso estudo sobre o JavaScript. Iremos

Leia mais

Procedimentos para Reinstalação do Sisloc

Procedimentos para Reinstalação do Sisloc Procedimentos para Reinstalação do Sisloc Sumário: 1. Informações Gerais... 3 2. Criação de backups importantes... 3 3. Reinstalação do Sisloc... 4 Passo a passo... 4 4. Instalação da base de dados Sisloc...

Leia mais

PICPICS PASSO A PASSO

PICPICS PASSO A PASSO PICPICS PASSO A PASSO 2. Faça login em sua conta. 1. Crie sua conta no PicPics, informando os seus dados ou dados da sua empresa. Informe também os dados que você usará para acesso ao site. 3. Após fazer

Leia mais

Manual de utilização do sistema de envio de sms marketing e corporativo da AGENCIA GLOBO. V 1.0. www.sms.agenciaglobo.net

Manual de utilização do sistema de envio de sms marketing e corporativo da AGENCIA GLOBO. V 1.0. www.sms.agenciaglobo.net Manual de utilização do sistema de envio de sms marketing e corporativo da AGENCIA GLOBO. V 1.0 www.sms.agenciaglobo.net 1 ACESSO O SISTEMA 1.1 - Para acessar o sistema de envio entre no site http://sms.agenciaglobo.net/

Leia mais

WEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 1 CDI - Curso de Webdesign - Prof. Paulo Trentin Objetivos para esta aula Debater sobre

Leia mais

Treinamento SISPES. Rede sem fio: sof_eventos Senha: evento@sof2013

Treinamento SISPES. Rede sem fio: sof_eventos Senha: evento@sof2013 Treinamento SISPES Rede sem fio: sof_eventos Senha: evento@sof2013 1 SISPES Passo a Passo: cadastro de usuários e cadastro de entidades ( árvore ) Brasília, janeiro de 20132 SUMÁRIO 1. Cadastro Líder Órgão...3

Leia mais

Desenvolvendo para WEB

Desenvolvendo para WEB Nível - Básico Desenvolvendo para WEB Por: Evandro Silva Neste nosso primeiro artigo vamos revisar alguns conceitos que envolvem a programação de aplicativos WEB. A ideia aqui é explicarmos a arquitetura

Leia mais

2 echo "PHP e outros.";

2 echo PHP e outros.; PHP (Hypertext Preprocessor) Antes de qualquer coisa, precisamos entender o que é o PHP: O PHP(Hypertext Preprocessor) é uma linguagem interpretada gratuita, usada originalmente apenas para o desenvolvimento

Leia mais

Gravando uma Áudio Conferência

Gravando uma Áudio Conferência Gravando uma Áudio Conferência Para iniciar a gravação da áudio conferência, digite *2. Você ouvirá a seguinte mensagem: Para iniciar a gravação da conferência pressione 1, para cancelar pressione * Ao

Leia mais

Desenvolvendo Websites com PHP

Desenvolvendo Websites com PHP Desenvolvendo Websites com PHP Aprenda a criar Websites dinâmicos e interativos com PHP e bancos de dados Juliano Niederauer 19 Capítulo 1 O que é o PHP? O PHP é uma das linguagens mais utilizadas na Web.

Leia mais

Manual do Painel Administrativo

Manual do Painel Administrativo Manual do Painel Administrativo versão 1.0 Autores César A Miggiolaro Marcos J Lazarin Índice Índice... 2 Figuras... 3 Inicio... 5 Funcionalidades... 7 Analytics... 9 Cidades... 9 Conteúdo... 10 Referência...

Leia mais

Como Gerar documento em PDF com várias Imagens

Como Gerar documento em PDF com várias Imagens Como Gerar documento em PDF com várias Imagens Para Gerar documento em PDF com várias Imagens, temos que seguir dois passos: 1. Inserir Imagens no Word 2. Gerar PDF a partir de documento do Word 1- Inserir

Leia mais

Prefeitura Municipal de São Luís Manual de uso dos serviços da SEMFAZ. Prefeitura Municipal de São Luís Manual de uso dos serviços da SEMFAZ

Prefeitura Municipal de São Luís Manual de uso dos serviços da SEMFAZ. Prefeitura Municipal de São Luís Manual de uso dos serviços da SEMFAZ Prefeitura Municipal de São Luís Manual de uso dos serviços da SEMFAZ 1 Sumário 1. Introdução 2. Emissão de Certidões 3. Autenticação de Certidões 4. Cadastro de Imóveis/Empresa 5. Acessando meu cadastro

Leia mais

Facebook Instruções de integração com PayPal

Facebook Instruções de integração com PayPal Facebook Instruções de integração com PayPal Há diversas formas de utilizar o PayPal para receber pagamentos na plataforma do Facebook. Primeiro você precisa decidir suas necessidades para a opção mais

Leia mais

Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo.

Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. Manual de Instruções ECO Editor de Conteúdo Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. O ECO é um sistema amigável e intui?vo, mas abaixo você pode?rar eventuais dúvidas e aproveitar

Leia mais

Youtube Sign Up Sign Up Upload

Youtube Sign Up Sign Up Upload Youtube Através de sites que hospedam vídeos é possível permitir que estes sejam assistidos no seu blog. No YouTube, por exemplo, você pode fazer isso, basta apenas efectuar um registo e fazer o Upload

Leia mais

COMO FAZER SEUS PEDIDOS ONLINE PASSO-A-PASSO

COMO FAZER SEUS PEDIDOS ONLINE PASSO-A-PASSO COMO FAZER SEUS PEDIDOS ONLINE PASSO-A-PASSO Neste passo a passo iremos mostrar como é facil, simples e rápido o acesso ao site para consultas e pedidos online. Primeira etapa: Entrar no site www.thermofisher.com

Leia mais

PHP Material de aula prof. Toninho (8º Ano)

PHP Material de aula prof. Toninho (8º Ano) Na aula anterior entendemos como se faz o acesso aos nossos arquivos PHP; Como construir um script em php. Nesta aula (3) vamos entender: Como roda o PHP Inserindo comentários Visualizando páginas a partir

Leia mais

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Novo projeto com NetBeans A partir de hoje, vamos trabalhar com projetos no NetBeans

Leia mais

Desenvolvimento de Aplicações para Internet Aula 11

Desenvolvimento de Aplicações para Internet Aula 11 Desenvolvimento de Aplicações para Internet Aula 11 Celso Olivete Júnior olivete@fct.unesp.br www.fct.unesp.br/docentes/dmec/olivete jquery Na aula passada: Selecionando atributos Manipulando CSS Inserindo

Leia mais

UNIVERSIDADE FEDERAL DO AMAPÁ PRÓ REITORIA DE ADMINISTRAÇÃO E PLANEJAMENTO DEPARTAMENTO DE INFORMÁTICA. Manual do Moodle- Sala virtual

UNIVERSIDADE FEDERAL DO AMAPÁ PRÓ REITORIA DE ADMINISTRAÇÃO E PLANEJAMENTO DEPARTAMENTO DE INFORMÁTICA. Manual do Moodle- Sala virtual UNIVERSIDADE FEDERAL DO AMAPÁ PRÓ REITORIA DE ADMINISTRAÇÃO E PLANEJAMENTO DEPARTAMENTO DE INFORMÁTICA Manual do Moodle- Sala virtual UNIFAP MACAPÁ-AP 2012 S U M Á R I O 1 Tela de Login...3 2 Tela Meus

Leia mais

Manual do Visualizador NF e KEY BEST

Manual do Visualizador NF e KEY BEST Manual do Visualizador NF e KEY BEST Versão 1.0 Maio/2011 INDICE SOBRE O VISUALIZADOR...................................................... 02 RISCOS POSSÍVEIS PARA O EMITENTE DA NOTA FISCAL ELETRÔNICA.................

Leia mais

Tutorial para envio de comunicados

Tutorial para envio de comunicados Tutorial para envio de comunicados Conteúdo 1. Enviando comunicado para os alunos... 2 2. Verificando a situação do envio dos e-mails para os alunos... 4 3. Enviando comunicado para colaboradores e professores...

Leia mais

CONSTRUÇÃO DE BLOG COM O BLOGGER

CONSTRUÇÃO DE BLOG COM O BLOGGER CONSTRUÇÃO DE BLOG COM O BLOGGER Blog é uma abreviação de weblog, qualquer registro frequênte de informações pode ser considerado um blog (últimas notícias de um jornal online por exemplo). A maioria das

Leia mais

Excel Planilhas Eletrônicas

Excel Planilhas Eletrônicas Excel Planilhas Eletrônicas Capitulo 1 O Excel é um programa de cálculos muito utilizado em empresas para controle administrativo, será utilizado também por pessoas que gostam de organizar suas contas

Leia mais

Tutorial do Sistema de Gestão de Conteúdos para Web - SYSWEB

Tutorial do Sistema de Gestão de Conteúdos para Web - SYSWEB Tutorial do Sistema de Gestão de Conteúdos para Web - SYSWEB São João del-rei Outubro de 2008 1. Entrando na Intranet para acessar o SYSWEB 1.1 Digite no seu navegador (browser) o seguinte endereço: http://www.intranet.ufsj.edu.br

Leia mais

Manual SAGe Versão 1.2

Manual SAGe Versão 1.2 Manual SAGe Versão 1.2 Cadastramento de Usuário (a partir da versão 12.08.01 ) Conteúdo Introdução... 2 Cadastramento... 2 Desvendando a tela inicial... 4 Completando seus dados cadastrais... 5 Não lembro

Leia mais

Tutorial Folha Express. Como otimizar a confecção da folha de pagamento.

Tutorial Folha Express. Como otimizar a confecção da folha de pagamento. Tutorial Folha Express Como otimizar a confecção da folha de pagamento. Índice Apresentação Pág. 2 Passo 1 Pág. 3 Disponibilização da Folha de Pagamento Passo 2 Pág. 5 Exportação de clientes e Folha de

Leia mais

Instalando o WordPress em localhost

Instalando o WordPress em localhost Instalando o WordPress em localhost WordPress sem Mistério LEE ARAUJO htto://wordpresssemmisterio.com.br Sumário Instalando o WordPress em Localhost... 2 O Servidor web... 3 Iniciando o servidor... 6 Criação

Leia mais

Módulo NF-e. Manual de Utilização

Módulo NF-e. Manual de Utilização Módulo NF-e Manual de Utilização 1 Conteúdo Passo-a-passo para emissão de NF-e... 3 1. Obtendo seu Certificado Digital... 3 2. Registrando-se na Secretaria da Fazenda para Homologação (testes)... 4 3.

Leia mais

Acessando um Banco de Dados

Acessando um Banco de Dados Acessando um Banco de Dados Introdução Agora que você já está craque em JSP e já instalou seu servidor, vamos direto para a parte prática! Neste tutorial vamos aprender a acessar um banco de dados. Para

Leia mais

Manual 2010 Webmaster

Manual 2010 Webmaster Manual 2010 Webmaster Menu 1. Acesso ao sistema 2. Campanhas 2.1 Ver Campanhas Disponíveis 2.2 Minhas Campanhas 3. Formatos 3.1 Banners Automáticos 3.2 Banners Manuais 3.3 E-mail Marketing 3.4 Vitrines

Leia mais

Nesta aula serão apresentados alguns comandos de condição, repetição e gráficos.

Nesta aula serão apresentados alguns comandos de condição, repetição e gráficos. 3 COMANDOS CONDICIONAIS E DE LAÇO Nesta aula serão apresentados alguns comandos de condição, repetição e gráficos. 3.1 COMANDOS CONDICIONAIS 3.1.1 Comando IF Como o próprio nome já indica, estes comandos

Leia mais

FCT Faculdade de Ciências e Tecnologia Serviço Técnico de Informática STI SGCD Sistema Gerenciador de Conteúdos Dinâmicos

FCT Faculdade de Ciências e Tecnologia Serviço Técnico de Informática STI SGCD Sistema Gerenciador de Conteúdos Dinâmicos FCT Faculdade de Ciências e Tecnologia Serviço Técnico de Informática STI SGCD Sistema Gerenciador de Conteúdos Dinâmicos Manual do Usuário Presidente Prudente, outubro de 2010 Índice 1. Introdução e Instruções

Leia mais

Sistema de Chamados Protega

Sistema de Chamados Protega SUMÁRIO 1. INTRODUÇÃO... 3 2. REALIZANDO ACESSO AO SISTEMA DE CHAMADOS... 4 2.1 DETALHES DA PÁGINA INICIAL... 5 3. ABERTURA DE CHAMADO... 6 3.1 DESTACANDO CAMPOS DO FORMULÁRIO... 6 3.2 CAMPOS OBRIGATÓRIOS:...

Leia mais

GUIA BÁSICO DA SALA VIRTUAL

GUIA BÁSICO DA SALA VIRTUAL Ambiente Virtual de Aprendizagem - MOODLE GUIA BÁSICO DA SALA VIRTUAL http://salavirtual.faculdadesaoluiz.edu.br SUMÁRIO 1. Acessando Turmas 4 2. Inserindo Material 4 3. Enviando Mensagem aos Alunos 6

Leia mais

Manual SAGe Versão 1.2 (a partir da versão 12.08.01)

Manual SAGe Versão 1.2 (a partir da versão 12.08.01) Manual SAGe Versão 1.2 (a partir da versão 12.08.01) Submissão de Relatórios Científicos Sumário Introdução... 2 Elaboração do Relatório Científico... 3 Submissão do Relatório Científico... 14 Operação

Leia mais

jquery Apostila Básica

jquery Apostila Básica jquery Apostila Básica INTRODUÇÃO 3 CAPÍTULO 1 POR ONDE INICIAR 3 CAPÍTULO 2 MEU PRIMEIRO SCRIPT! 4 EXERCÍCIOS...5 CAPÍTULO 3 ADICIONANDO CSS 6 EXERCÍCIOS...7 CAPÍTULO 4 MODIFICANDO APENAS PARTE DO DOCUMENTO

Leia mais