Linha de comando.com - Tecnologia, Informação, Dicas e muito mais. » códigos

Criando um site: Código Final (parte 6)

Tiago — Wed, 23 Sep 2009 12:48:21 +0000

Chegamos ao final desta sequência de passos para criação de um site bem simples, mas funcional.

Estarei disponibilizando no link abaixo o código completo para download.

Futuramente, pretendo colocar algumas implementações de jquery e ajax. Pretendo ensinar a colocar efeitos, acesso e manipulação de dados (CRUD) e muito mais.

Espero que tenham gostado.

arquivo: baixar

JavaScript: Setando o foco em um campo

Tiago — Fri, 03 Jul 2009 00:37:53 +0000

Na maior parte dos sites desenvolvidos sempre tem uma página de contato com um formulário a ser preenchido. E quando acessamos este tipo de página queremos logo preenchê-lo. Porém, muitos sites não deixam o foco no campo, quero dizer, o cursor piscando.

Então, para resolver este problema e para agilizar o trabalho de quem chega em seus sites, basta seguir os passos abaixo:

1. Toda página de contato submite os seus dados preenchidos para o servidor. Para que isto ocorra, o primeiro passo é criar a Tag

Sintaxe Básica:

Podemos incluir eventos e outros atributos para a Tag .

A Tag pode conter vários inputs, tipo caixa de seleção (checkbox), botão de rário (radio), botão de envio de dados (submit), entrada de texto (text), entrada de senhas (password) e muito mais.

Exemplo:

<form action="enviar_dados.php" method="post" name="frmEnviaDados">
    <input maxlength="20" name="txtnome" size="20" type="text" />
    <input maxlength="20" name="txtemail" size="20" type="text" />
form>

2. Finalizando, estes códigos devem estar dentro das Tags .

Para que o foco apareça no campo de sua escolha, basta digitar o seguinte código:

document.frmEnviaDados.txtnome.focus();“>

–> separando as partes:

document: instância de um objeto que é criado todas vez que visualiza uma página HTML.

frmEnviaDados: é o nome dado ao formulário – valor do atributo “name”.

txtnome: nome dado ao campo que vai receber o foco. Refere-se ao campo onde o usuário vai digitar seu nome.

focus(): coloca o foco da página no campo de texto.

Até a próxima!

JavaScript: Conceitos básicos

Tiago — Tue, 30 Jun 2009 00:54:53 +0000

A linguagem JavaScript pode ser inserida em páginas HTML de três formas:

1º. Digitando as linhas de comando entre as tags .

<html>
<body>
   var str_mensagem = "Hello World!!!";
   document.write(str_mensagem);
body>
html>

Neste exemplo, uma variável (str_mensagem) foi criada e impressa na tela pelo método write do objeto document.

2º. Podemos executar um código JavaScript inserindo manipuladores de eventos.

   <body onLoad="chama_funcao();"> ... body>

O manipulador de evento onLoad será executado assim que todo o conteúdo dentro das tags tiver sido carregado. O onLoad fará a chamada de uma função de nome “chama_funcao”.

3º. Por último podemos fazer a chamada de um arquivo externo contendo o código JavaScript.

   <script src="arquivoExterno.js" type="text/javascript">script>