sexta-feira, 30 de agosto de 2013

Opera browser

Olááá, conhecem o Opera? O browser mais elegante o mais veloz e agradável, tem já 16 anos de existência e carregando o título de pioneiro em diversas funcionalidades que também foram adotadas por outros softwares do gênero.
A Opera Software diz que o Opera é o "navegador mais rápido na Terra".  Esse browser é Noruegues é responsável por mostrar aos internautas que o seu produto é o melhor.


Vejam essa curiosidade do Opera, sempre voando alto!







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

Navegadores (Browsers)

Fala galera, tudo bem?
Vamos falar um pouco de Navegadores e também chamados de browsers, os navegadores são aplicativos utilizados para navegar na internet, visitando sites, fazendo compras pela web, baixando aplicativos e arquivos, de modo a acessar, retornar e visualizar recursos disponíveis na web.
Atualmente, uso o Google Chrome é um dos melhores navegadores e eu uso ele como meu  navegador principal, por sua velocidade em carregamento das páginas e interpretação de JavaScript, bem como por ele próprio ser rápido quando preciso de uma nova janela.

Vejam essa curiosidade do Google no Japão, sempre buscando formas criativas para anunciar seu produto.


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


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


Delphi - Máscara em Edites


Delphi - Máscara em Edit´s
Delphi - Caracteres usados nas máscaras dos Edit´s

! Faz com que a digitação da máscara fique parada no primeiro caracter, fazendo com que os caracteres digitados que se movam. Ex: !;0;_

> Todos os caracteres alfabéticos digitados após este símbolo serão convertidos para maiúsculos. Ex: >aaa;0;_

< Todos os caracteres alfabéticos digitados após este símbolo serão convertidos para minúsculos. Ex: <aaa;0;_

<> Anula o uso dos caracteres > e <. Ex: >aaa<>aaa;0;_

\ Utilizado para marcar determinado caractere não especial como fixo, não podendo sobrescrevê-lo. Ex: !\(999\)000-0000;0;_

L Caracteres alfabéticos (A-Z, a-z.) de preenchimento obrigatório. Ex: LLL;1;_

l (Letra ele minúscula) Caracteres alfabéticos (A-Z, a-z.) de preenchimento opcional. Ex: lll;1;_

A Caracteres alfanuméricos (A-Z, a-z, 0-9) de preenchimento obrigatório. Ex: AAA;1;_

a Caracteres alfanuméricos (A-Z, a-z, 0-9) de preenchimento opcional. Ex: aaa;1;_

C Exige preenchimento obrigatório com qualquer caractere para a posição. Ex: CCC;1;_

c Permite qualquer caractere para a posição de preenchimento opcional. Ex: ccc;1;_

0 Caracteres numéricos (0-9) de preenchimento obrigatório. Ex: 000;1;_

9 Caracteres numéricos (0-9) de preenchimento opcional. Ex: 999;1;_

# Caracteres numéricos (0-9) e os sinais de - ou + de preenchimento opcional. Ex: ###;1;_

: Utilizado como separador de horas, minutos e segundos. Ex: !00:00:00;1;_

/ Utilizado como separador de dia, mês e ano. Ex: !99/99/9999;1;_

; Separa os três campos da máscara.


_ Caractere usado normalmente nas posições do campo ainda não preenchidas.