Tecnologia da Informação (TI): JAVASCRIPT

Mostrando postagens com marcador JAVASCRIPT. Mostrar todas as postagens

quinta-feira, 29 de agosto de 2013

JavaScript não é Java!

JavaScript não é Java. apesar dos nomes bem parecidos, são duas técnicas irmãs que tem semelhanças e diferenças. Era chamada de LiveScript, que foi criado pela Netscap. Após esta colaboração da Sun Microsystems, que desenvolveu umas aplicações para a Internet, como talvez a linguagem mais poderosa da rede, o Java, podemos dizer que o JavaScript é uma linguagem compatível com a linguagem Java, por esta razão, a semelhança dos nomes “JavaScript”.

A Java é uma linguagem de programação. JavaScript é uma linguagem de hiper-texto. A diferença é que você realmente pode criar programas em Java. Mas muitas vezes você precisa apenas criar um efeito bonito sem ter que se incomodar com programação. A solução então é JavaScript pois é fácil de entender e usar. Podemos dizer que JavaScript é mais uma extensão do HTML do que uma linguagem de programação propriamente dita. O primeiro browser a suportar JavaScript foi o Netscape Navigator 2.0.

É uma ferramenta que auxilia na criação de Homes-Pages, as funções escritas em JavaScript podem ser embutidas dentro de seu documento HTML, possibilitando o incremento das funcionalidades do seu documento HTML com elementos interessantes, facilmente a eventos iniciados pelo usuário, incluir efeitos que tornem sua página dinâmica. JavaScript é uma linguagem baseada na linguagem Java. Com isto, o JavaScript suporta a maior parte das sintaxes e comandos da linguagem Java.

A linguagem Java é usada na criação de objetos e os chamados Applets (aplicativos que são executados em uma página da Internet). Já a linguagem JavaScript, é usada normalmente pelos programadores que fazem uso da linguagem HTML para controlar dinamicamente o comportamento de objetos nas páginas.

À única limitação da linguagem JavaScript é que ela suporta poucos tipos de dados, e implementa apenas alguns conceitos de orientação a objetos, ao contrário da linguagem Java.

JavaScript: Setando o foco em um campo

Olá galera! Tudo bem? Vamos falar um pouco de JavaScript.

Tag(s): códigos, focus, html, JavaScript, scripts, tags

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 <FORM>.

Sintaxe Básica:

<FORM ACTION=”url” METHOD=”GET ou POST”>

Podemos incluir eventos e outros atributos para a Tag <FORM>.

A Tag <FORM> 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 <body> </body>.

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

<body onLoad=”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 galera!

quarta-feira, 28 de agosto de 2013

JavaScript: Objeto Window

É o objeto principal na hierarquia e contém as propriedades e métodos para controlar a janela do navegador. Dele dependem todos os demais objetos da hierarquia. Vamos ver a lista de suas propriedades e métodos.

Propriedades do Objeto Window

A seguir podemos ver as propriedades do objeto window. Existem algumas muito úteis e outras menos

closed	Indica a possibilidade de que tenha fechado a janela. (Javascript 1.1)
defaultStatus	Texto que se escreve por padrão na barra de estado do navegador.
document	Objeto que contem na página web que está sendo mostrada.
Frame	Um objeto frame de uma página web. Acessa-se pelo nome dele.
frames array	O vetor que contem todos os frames da página. Acessa-se pelo índice a partir de 0.
history	Objeto histórico de páginas visitadas.
innerHeight	Tamanho em pixels do espaço onde se visualiza a página, na vertical. (Javascript 1.2)
innerWidth	Tamanho em pixels do espaço onde se visualiza a página, na horizontal. (Javascript 1.2)
length	Número de frames da janela.
location	A URL do documento que está sendo visualizando. Podemos mudar o valor desta propriedade para irmos a outra página. Ver também a propriedade location do objeto document.
locationbar	Objeto barra de endereços da janela. (Javascript 1.2)
menubar	Objeto barra de menus da janela. (Javascript 1.2)
name	Nome da janela. Atribuímos quando abrimos uma nova janela.
opener	Faz referência à janela do navegador que abriu a janela onde estamos trabalhando. Será vista com mais detalhes no tratamento de janelas com Javascript.
outherHeight	Tamanho em pixels do espaço de toda a janela, na vertical. Isto inclui as barras de deslocamento, botões, etc. (Javascript 1.2)
outherWidth	Tamanho em pixels do espaço de toda a janela, na horizontal. Isto inclui as barras de deslocamento. (Javascript 1.2)
parent	Faz referência à janela onde está situado o frame que estamos trabalhando. Veremos detalhadamente ao estudar o controle de frames com Javascript.
personalbar	Objeto barra pessoal do navegador. (Javascript 1.2)
self	Janela ou frame atual.
scrollbars	Objeto das barras de deslocamento da janela.
status	Texto da barra de estado.
statusbar	Objeto barra de estado do navegador. (Javascript 1.2)
toolbar	Objeto barra de ferramentas. (Javascript 1.2)
top	Faz referência à janela onde está situado o frame que estamos trabalhando. Como a propriedade parent.
window	Faz referência à janela atual, assim como a propriedade self.

terça-feira, 27 de agosto de 2013

JavaScript: Move condicional

JavaScript: Move condicional

receptor = ( (condição) ? verdadeiro : falso)

Exemplo: NomeSexo = ((VarSexo == "M") ? "Masculino" : "Feminino")

Os eventos são fatos que ocorrem durante a execução do sistema, a partir dos quais você pode definir ações a serem realizadas pelo programa. Logo abaixo apresentamos a lista dos eventos possíveis, indicando os momentos em que eles podem ocorrer, bem como, os objetos passíveis de sua ocorrência.

EVENTOS E OCORRÊNCIAS

onload	na carga do documento. Ou seja, só ocorre no BODY(corpo) do documento.
onunload	Ocorre na descarga (saída) do documento. Também só ocorre no BODY(corpo).
onchange	Ocorre quando o objeto perde o focus e houve mudança de conteúdo. Válido
onblur	Ocorre quando o objeto perde o focus, independente de ter havido mudança. Válido para os objetos Text, Select e Textarea.
onfocus	Ocorre quando o objeto recebe o focus. válido para os objetos Text, Select e Textarea.
onclick	Ocorre quando o objeto recebe um Click do Mouse. válido para os objetos Buton, Checkbox, Radio, Link, Reset e Submit.
onmouseover	onmouseover Ocorre quando o ponteiro do mouse passa por sobre o objeto. válido apenas para Link.
onselect	Ocorre quando o objeto é selecionado. Válido para os objetos Text e Textarea.
onsubmit	Ocorre quando um botão tipo Submit recebe um click do mouse. Válido apenas para o Form.

Mas espera aí! Onde se usam esses eventos?

Não se preocupe. Eles também serão muito usados e você entenderá aos poucos cada um.

Apartir desses comandos, operadores e eventos, começamos a ter uma base interessante para os exemplos dos próximos posts.

Abraço! E Volte sempre!

JavaScript: Comandos Condicionais

JavaScript: Estruturas de Controle ou Comandos Condicionais

Existem algumas estruturas de controle que lhe permitem modificar o fluxo de execução de um programa ou seja elas possui comandos que condicionam a execução de uma certa tarefa à veracidade ou não de uma determinada condição, ou enquanto determinada condição for verdadeira.

São eles: (IF, FOR, WHILE)

Comando IF

if (condição)

{ /*ação para condição satisfeita*/ }

[ else

{ /*ação para condição não satisfeita*/ } ]

Exemplo:

if (Idade <>

{Categoria = "Menor" }

else

{Categoria = "Maior"}

Comando FOR

for ( [inicialização/criação de variável de controle ;]

[condição ;]

[incremento da variável de controle] )

{ ação }

Exemplo:

for (x = 0 ; x <= 10 ; x++)

{alert ("X igual a " + x) }

Comando WHILE

Executa uma ação enquanto determinada condição for verdadeira.

while (condição)

{ ação }

Exemplo:

var contador = 10

while (contador > 1)

{ contador-- }

JavaScript: Controles Especiais

CONTROLES ESPECIAIS E SIGNIFICADO

\b	backspace
\f	form feed
\n	new line caracters
\r	carriage return
\t	tab characters
//	Linha de comentário
*/..../*	Delimitadores para inserir um texto com mais de uma linha como comentário.

Os delimitadores naturais para uma string são " ( aspas dupla) ou ' ( aspas simples). Caso seja necessário a utilização destes caracteres como parte da string, utilize \ precedendo " ou '. Como por exemplo : alert ("Cuidado com o uso de \" ou \' em uma string")

JavaScript:OPERADORES MATEMÁTICOS E SIGNIFICADO

JavaScript: Principais Comandos, Eventos e Operadores

Hoje abordaremos mais uma parte básica do JavaScript.

JavaScript: Operadores Matemáticos

Os operadores Matemáticos a serem utilizados em cálculos, referências de indexadores e manuseio de strings são :

OPERADORES MATEMÁTICOS E SIGNIFICADO

+	adição de valor e concatenação de strings.
-	subtração de valores
*	multiplicação de valores
/	divisão de valores
%	obtém o resto de uma divisão

Estes operadores serão largamente utilizados, portanto, teremos uma noção mais precisa do seu funcionamento.

JavaScript: Operadores Lógicos

JavaScript: Principais Comandos, Eventos e Operadores

Hoje abordaremos mais uma parte básica do JavaScript.

JavaScript: Operadores Lógicos

Os principais operadores lógicos a serem utilizados em comandos condicionais são:

OPERADORES LÓGICO E SIGNIFICADO

= =	Igual
!=	Diferente
>	Maior
>=	Maior ou Igual
<	Menor
<=	Menor ou Igual
&&	E
\|\|	Ou

quinta-feira, 28 de janeiro de 2010

O que é JavaScript?

Javascript é uma linguagem de programação utilizada para criar pequenos programinhas encarregados de realizar ações dentro do âmbito de uma página web.

Trata-se de uma linguagem de programação do lado do cliente, porque é o navegador que suporta a carga de processamento. Graças a sua compatibilidade com a maioria dos navegadores modernos, é a linguagem de programação do lado do cliente mais utilizada.

Com Javascript podemos criar efeitos especiais nas páginas e definir interatividades com o usuário. O navegador do cliente é o encarregado de interpretar as instruções Javascript e executá-las para realizar estes efeitos e interatividades, de modo que o maior recurso, e talvez o único, com que conta esta linguagem é o próprio navegador.

Javascript é o seguinte passo, depois do HTML, que pode dar um programador da web que decida melhorar suas páginas e a potência de seus projetos. É uma linguagem de programação bastante simples e pensada para fazer as coisas com rapidez, às vezes com leveza. Inclusive as pessoas que não tenham uma experiência prévia na programação poderão aprender esta linguagem com facilidade e utilizá-la em toda sua potência com somente um pouco de prática.

Entre as ações típicas que se podem realizar em Javascript temos duas vertentes. Por um lado os efeitos especiais sobre páginas web, para criar conteúdos dinâmicos e elementos da página que tenham movimento, mudem de cor ou qualquer outro dinamismo. Por outro lado, Javascript nos permite executar instruções como resposta às ações do usuário, com o qual podemos criar páginas interativas com programas como calculadoras, agendas, ou tabelas de cálculo.

Javascript é uma linguagem com muitas possibilidades, permite a programação de pequenos scripts, mas também de programas maiores, orientados a objetos, com funções, estruturas de dados complexas, etc. Ademais, Javascript coloca à disposição do programador todos os elementos que formam a página web, para que este possa acessar a eles e modificá-los dinamicamente.

Com Javascript o programador, é quem se converte no verdadeiro dono e controlador de cada coisa que ocorre na página quando está sendo visualizada pelo cliente.