sitezeco .:. by pooka

JavaScript : Contador de visita

O Script:

<SCRIPT LANGUAGE="JavaScript">
//code by pOOka http://www.sitezeco.cjb.net //

//Esta função inicia o contador estabelecendo-se uma variável *entre* a qual//
//se define como nova data (isto é, um novo tempo). Esta função deverá ser chamada//
//ao carregar a página pelo event handler: *OnLoad* aplicado ao background da página//
//em questão, por exemplo(Ver instruções de instalação do script.)//

function entrar(){
	entre=new Date();
}

//Esta função deverá ser chamada quando o browser descarregar a página através do *OnUnLoad*//
//Compõe-se de 3 variáveis a primeira *saia* é idêntica à anterior *entre*//
//a 2ª *diferença* efectua uma subtração:[data(tempo) de saída] - [data (tempo) de entrada]//
//Uma vez quer o JavaScript contabiliza o tempo em milisegundos para acharmos os minutos//
//será necessário dividirmos o total achado primeiro por 1000 e depois por 60//
//seguidamente, podemos aplicar, para nos certificarmos que os valores são sempre inteiros//
//a fabulosa *Math.round* à nossa variável *diferenca* que vai dar-nos os minutinhos//
//gordinhos e redondinhos!!!;) por fim estabelecemos que se a nossa var *diferenca* for igual//
//a zero(nunca será inferior devido à função devido ao arredondamento) o nosso visitante//
//recebe ao sair uma mensagem demonstrativa da nossa imensa pena! Fazemos o mesmo para quando//
//nos presentear apenas com um minuto de visita//
//Caso o nosso querido visitante nos dê a honra de permanecer mais do que um minuto//
//na nossa página receberá então a última mensagem.//

</SCRIPT>

Instruções para utilização do script:

1 - Em primeiro lugar clique no botão "Seleccionar Texto" e faça Ctrl + C
2 - Insira depois o script na secção "Head" do código de HTML da sua página.
3 - Coloque no mesmo códigos os seguintes, atributos conforme os exemplos 1 e 2, para chamar as funções do script:

Atenção, se a sua página for um documento em frames será necessário colocar o script numa frame que nunca mude de source (que o documento HTML nela carregado seja sempre o mesmo). Ou no documento HTML que contem o frameset, da seguinte forma:

- exemplo 1: num documento a carregar numa frame ou numa página sem frames:
<body bgcolor="#ffffff" OnLoad="entrar()" OnUnLoad="sair()">
- exemplo 2: num documento com frameset:
<frameset cols="30%, 70%" OnLoad="entrar()" OnUnLoad="sair()">

4 - Surpreenda os seus visitantes com as suas mensagens de despedida!!!

Benvindos ao meu pequeno tutorial de
HTM... L!

Em primeiro lugar vamos às definições, Agá Tê Eme Éle são as iniciais inglesas do que em português seria:

Linguagem de Marcação de Hipertexto
ou para os mais poliglotas:
HyperText Markup Language

Ah-ah! Então temos uma Linguagem de Marcação... sim, claro... mas afinal o que é uma Linguagem de Marcação?

Bom, não se trata obviamente daquilo que os nossos irmãos brasileiros poderiam chamar ao vocabulário utilizado por membros do sexo masculino em "marcação" a membros do sexo oposto, nem de qualquer tipo de léxico usado por técnicos de futebol para se referirem a estratégias de defesa... mas isso suponho que já tivessem deduzido!
Vamos por partes:

A Linguagem será um conjunto de termos utilizados de forma a surtirem determinados efeitos. Como em qualquer linguagem para que estes efeitos ou "significados" dos termos sejam "compreendidos" devem ser correctamente interpretados. Ou seja, necessariamente se temos uma Liguagem vamos ter também um Intérprete, que no que respeita à nossa HTML vai ser, na maior parte dos casos um Browser como por exemplo o MS Internet Explorer!

Markup ou Marcação (tradução literal porque sinceramente não me lembrei de outra!) é o que fazemos ao utilizar os termos da nossa linguagem para definir que tipos de efeitos vão ser aplicados ao nosso conteúdo que será o...
Hipertexto, que como o próprio nome indica é mais do que só texto, é Hiper. Porquê? Porque sim!... Porque nós queremos! Porque texto só não chega, porque também queremos imagens, e som e multimédia! Porque somos os filhos da Revolução Indústrial e queremos colher os frutos do sangue suór e lágrimas dos... mmmmm... pois... acho que já chega!

Então como é que a coisa funciona mesmo?
Como resposta nada melhor do que um pequenino exemplo:

<html>
<head>
<title>A Primeira vez que eu escrevi Agatêhemelês!</title>
</head>
<body>
<p>Esta é a primeira vez que eu escrevo Agatêhemelês!<br>
Agora todos os Browsers do Mundo vão vergar-se ao meu poder!!!</p>
</body>
</html>

Seleccione, copie e cole o código anterior num editor de texto simples como o NotePad do Windows, por exemplo, e guarde-o com o nome primeiravez.html, Depois abra-o a partir do IE (Internet Explorer) ou NN (Netscape Navigator).
Dica: em qualquer um dos dois para abrir ficheiros basta fazer Ctrl + O

Oh, que giro, é uma página... mas como?...

Debrucemo-nos um pouco sobre aquilo que escrevemos:

A primeira coisa que o Browser precisa de saber é que linguagem vamos falar por isso dizêmos-lhe: ‹html›
Logo de seguida vamos estruturar a nossa página dotando-a, literalmente, de cabeça tronco e membros.

À cabeça - ‹head› - vamos pôr o título da nossa página entre dois nossos termos de marcação (chamados tags) ‹title› e ‹/title›

Será também à cabeça que iremos colocar outros elementos da nossa página dos quais falaremos depois, como JavaScripts e META TAGS.

Depois da cabeça vem o resto do corpo - ‹body› E é aqui que escrevemos o primeiro é único paragrafo entre os tags ‹p› e ‹/p›.

Agora apenas nos resta o fim, isto é dizermos ao nosso querido browser "aqui acaba o corpo" ‹/body› ; e "aqui acaba a nossa conversa" ‹/html› .

Como vimos no exemplo anterior, o código HTML é composto por Tags

As Tags não são mais senão a nossa forma de dizer ao Intérprete (Browser):
"Agora pega neste conteúdo e mostra-o desta maneira!"

Como qualquer linguagem falada a HTML tem também uma Gramática, isto é, regras que definem como escrever de forma a que nos possamos entender sempre bem. Esta "Grámatica" é composta de vários preceitos que devemos sempre respeitar se queremos ser correctamente interpretados pelo nosso querido browser!

A maioria das Tags funcionam como o pão numa sandwiche e.g. :

‹pão›

fiambre

‹/pão›

Mas, nos caso de termos um apetite maior, e optarmos por uma sandwich mais nutritiva podemos fazer qualquer coisa deste género:

‹pãodetrigo›

fiambre1

‹pãodemilho›

alface
queijo

‹/pãodemilho›

fiambre2

‹/pãodetrigo›

Pensando exactamente na mesma estrutura que usámos no nosso snack chegamos ao conceito que correponde a este "ensandwichar" em HTML, o chamado Nesting , que traduzido literalmente significa aninhar.
O que se pretende com isto é dar coerência às nossas sandes de tags de forma a que os nossos molhos e ingredientes vários não possam sujar-nos a roupa e estragar-nos a refeição, ou neste caso a nossa linda página!

Algumas tags dão instruções mais simples que por natureza não têm um conteúdo, isto é são parte da sandes ainda que não sejam nem pão nem ingredientes própriamente ditos, como por exemplo a tag que informa o browser para mudar de linha ‹br›.

No que respeita às tags há ainda que referir que podemos escrevê-las tanto em maiscúlas como em minúsculas sendo ‹Br› , ‹bR› , ‹BR› e ‹br› exactamente a mesma coisa.

Quando pedimos a alguém que faça algo, podemos, para além de lhe dizer o que fazer, informá-lo ainda de como deve fazê-lo, com a nossas tags e o bem mandado browser passa-se exactamente o mesmo. Por exemplo, vamos pedir-lhe que escreva um novo parágrafo, mas queremos que esse novo parágrafo fique alinhado ao centro, dizemos então:

‹p align="center"›
Este é o meu texto alinhado ao centro
‹/p›

Os termos que usamos para dizer ao browser como fazer determinada coisa são os chamdados atributos das tags. Algumas tags mais simples não possuem atributos.

NOTA: a tag ‹p› pode dispensar o fecho ‹/p› pois a maioria dos browsers entendem que quando começarmos um novo paragráfo o anterior terminou, contudo, como queremos por os pontos todos nos is e a maioria não são todos, não nos custa nada utilizarmos o lindo ‹/p› .

Agora que já sabemos o principal da Gramática HTML vamos passar os olhos pelo
Vocabulário Agatêhemelês

Elemento ou Tag	Descrição	Atributos	Fecho
<a>	Anchor ou "ancora", isto é uma area onde podemos definir uma hiperligação ou link: e.g.: <a href="http://www.sitezeco.cjb.net/">Sitezeco</a> <a name="anedotas"> Lista de anedotas</a> <a href="livro.html" target="mainframe">Livro</a> <a href="fotos.html" accesskey="f">Fotos</a>	href=url – designa uma hiperligação para a área; name=nome – identifica a área com um nome; target=destino – especifica o nome da janela ou frame onde o link vai abrir; accesskey=tecla – permite definir um atalho de teclado, tecla ou combinação de teclas para seleccionar a hiperligação.	</a>
<b>	Define o tipo de letra como negrito ou bold e.g.: <p>Tens <b>mesmo</b> razão! </p>	-	</b>
<base>	Permite especificar a URL base para todas as hiperligações no nosso documento e deverá ser colocada na secção <head> do código e.g.: <base href="http://www.bla.com/" target="frame1">	href=url – designa o caminho (URL) base para todas as hiperligações do documento; target=destino – especifica a janela ou frame de destino de todas as hiperligações do documento	-
<basefont>	Permite designar o tipo de letra base do documento e.g.: <basefont face="Arial" size="3" color="blue">	face=tipo de letra; size=nº - tamhanho de –1 a –7; 1 a 7 ou +1 a +7; color=côr – valor hexadecimal ou nome da cor	-
<bgsound>	Permite designar um ficheiro audio como som de fundo do documento (não é suportado pelo NN) Ver também <embed> e.g.: <bgsound src="somdefundo.wav" loop="true">	src=ficheiro loop=true – torna o som contínuo loop=false – o ficheiro só é ouvido uma vez	-
<big>	Aumenta o tamanho da letra sendo equivalente a <font size="+1"> <p><big>Grande</big>letra</p>	-	</big>
<blockquote>	Indica que o texto contido é uma citação, a maior parte dos browsers vai criar um paragrágrafo com um indent (tabulação) mas esse efeito nem sempre é previsível sendo necessário testar em diferentes browsers e.g.: <blockquote>blá… blá ,blá, blá</blockquote>	-	</blockquote>
<body>	Define o princípio e o fim do corpo do documento, isto é da quilo que o browser vai escrever na página Os seus atributosafectam todo o conteúdo da página e.g.: <body bgcolor="white" link="blue" vlink="red" text="black">	alink=côr – define a côr por defeito das hiperligações activas;; background=ficheiro – fich. de imagem que irá ser usado como imagem de fundo da página; bgcolor=côr – define a côr de fundo; link=côr – define a côr por defeito das hiperligações; vlink=côr – define a côr por defeito das hiperligações já visitadas;	</body>
<br>	Faz com o texto seguinte seja escrito numa nova linha dentro do mesmo parágrafo e.g.: <p>Eu gosto de:<br> chocolate; <br>bolachas<br>e bolos</p>	-	-
<button>	Cria um botão num formulário semelhante aos botões criados uma a tag <input> mas tem mais possibilidades porque podemos usar imagens como botões, por exemplo: <button name="botao" value="ok" type="submit"> <img src="ok.gif"></button>	name=nome – identifica o botão como elemento do formulário; value=valor – atribui um valor inicial ao botão; type="submit" – opção por defito; type="reset" – botão que limpa os dados introduzidos no formulário e as opções seleccionadas; type="button" – botão costumizável utilizado com JavaScript	</button>
<center>	Estabelece o alinhamento por defeito ao centro da página, caso se defina o alinhamento de determinado paragráfo será esta última opção a utilizada pelo browser e.g.: <center><p><img src="centro.jpg"></p></center>	-	</center>
<div>	Cria uma area delimitada (divisão) para a qual se podem estabelecer algumas características por defeito e.g.: <div align="center"<p>Texto com alinhamento ao centro</p></div>	align="center" align="left" align="right"	</div>
<embed>	Objecto multimédia "embebido", por exemplo uma animação em Flash Multimedia e.g.: <embed src="bla.swf" width="100" height="85" loop="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/ shockwave/ download/index.cgi? P1_Prod_Version=ShockwaveFlash" > </embed>	src=ficheiro width=x - largura height=x - altura loop="false" \| "true" - para definir se a animação, filme, etc… está ou não sempre a recomeçar type=tipo de aplicação / plug-in usado pluginspage=página que contém os códigos para o plug-in usado	</embed>
<font>	Tipo de letra. e.g.: <font face="Arial" size="3" color="navy"Azul</font>	face= tipo de letra size= tamanho color= côr	</font>
<form>	Formulário	method="get" \| "post" action=URL	</form>
<frame>	Frame - parte de um frameset	border=x - margem 0 = sem margem visível bordercolor=côr marginwidth=x noresize frameborder=x - o mesmo que "border" name=nome scr=URL	</frame>
<frameset>	Conjunto de frames que constitui a página global	border=x bordercolor=côr framespacing=x cols=x rows=x	</frameset>
<h1> a <h6>	Parágrafo de cabeçalho ("heading" ) quanto menor (<h1>) maior o tipo de letra.	align="center" \| "left" \| "right"	</hx>
<head>	Cabeçalho do documento HTML cujo conteúdo não faz parte do corpo da página , mas onde se define por exemplo o títilo (ver <title>) ou outras definições que se aplicam a todo o documento HTML	-	</head>
<hr>	Linha horizontal	align="center" \| "left" \| "right" width=x size=x noshade	-
<html>	Incío de documento HTML	-	</html>
<i>	Itálico	-	</i>
<iframe>	Frame interior (váildo apenas para IE 4.x ; Netscape 6; Opera 5 , ou superior)	align="center" \| "left" \| "right" width=x height=x border=x src=x	</iframe>
<img>	Imagem	align="center" \| "left" \| "right" width=x height=x border=x – 0 = sem margem visível src= ficheiro	-
<p>	Parágrafo	align="center" \| "left" \| "right"	</p>

Mais disponível em breve....

::pOOka::

:: babypooka.spaces.live.com
- weblog e album de fotos online

:: my.opera.com/pooka
- weblog e album de fotos online

:: clientes.netvisao.pt/bilu/old
- versão anterior do sitezeco

:: clientes.netvisao.pt/bilu/gsm [ em remodelação ]
- info útil sobre GSM / GPRS; equipamentos, conectividade com PC, dicas, configurações, etc...

:: clientes.netvisao.pt/bilu/mobile [ na forja ]
- site concebido para PDAs e PocketPCs com informação sobre equipamentos, software útil ...

:: members.lycos.co.uk/sitezeco/wap/intro.wml
- o sitezeco para equipamentos WAP 2.0

29-08-2003

... finalmente decido caminhar! Se por vezes me apeteça olhar o corropio dos outros sentada - imóvel! Para quê remar contra a maré, ou a favor dela? Para que quero eu ir para onde os outros vão, ou para onde não querem ir? Não faz sentido!

Mas caminho, pé ante pé - devagar - não quero chegar lá, nem quero ficar aqui...

... importante é a viagem!

02-10-2003

... li hoje algures que supostamente o ser humano nunca viverá 1000 anos mas alguns vivem 1000 vezes o mesmo dia... deve ser por isso que estou com tanto sono!

12-10-2003

... segundo um teste de duvidoso método de análise psicológica se eu fosse um cão seria um chiuaua... ainda não compreendi bem todas as implicações desta surpreendente revelação mas na verdade sempre gostei de comida mexicana!
... no fundo a questão é: o que é que leva pessoas com coisas importantes para fazer - como o jantar - a gastar tempo nestes questionários pseudo-científico-lúdicos?

27-01-2004

... assola-me o dilema do consumismo - isto acontece-me sempre que me vejo na iminência de uma deslocação a um qualquer hipermercado para as inescapáveis "compras do mês"! Porque será que desde miúda sinto um misto de repulsa e atracção por aqueles corredores apinhados de gente que olha com ar contemplativo para dísticos de "promoção" e "pague 3.5 e leve 4"?! E depois de toda a correria para carregar o carrinho com todos os "indispensáveis", chegando a casa temo a hercúlea tarefa de arrumar as coisas no frigorífico... essa complexa operação de logística!

... bem, toda esta verborreia não me permite contornar a realidade de que o "hiper" chama por mim.... e lá vou eu...

13-02-2004

... fogem, loucas - as palavras,
lançando-se no vazio,
Intrépidas!

Presseguem-me, deixam-me,
Salvam me!

Sussuram, gritam, cantam,
Amam!

Soluçam, gemem , sofrem
Trémulas!

Dançam, languidas
Como labaredas, consomem-me!
Possuem-me!

Murmuravam baixinho
não sei bem o quê,
uma melodia sem método,
quase sem som,
desarticulada...

:: pOOka ::

A pooka é um ser mitológico celta - categorizado como pertencendo à gente pequena (the little people) ou às faeries

Um "espírito da natureza" que pode assumir muitas formas desde uma águia a um cavalo falante, um bode ou até mesmo forma humana. A pooka tanto pode decidir ajudar os humanos como zombar deles.

Alguns relatos descrevem como as pookas gostam de pregar partidas a transeuntes embriagados, outros referem-se à pooka como um cavalo profético, outros ainda simplesmente como alguém que surge do nada, mantem durante um tempo uma conversa curriqueira com um humano - falando normalmente de acontecimentos passados e dispensando alguns conselhos - que depois desaparece tão rapidamente como surgiu. A pessoa apenas se apercebe que algo estranho aconteceu depois de a pooka a ter deixado.

As pookas nunca dizem adeus!

arlhenriques@hotmail.com
icq# 45668558

JavaScript : Como fazer um Formulário Interactivo

Aqui temos o Script:

<SCRIPT LANGUAGE="JavaScript">
<script language="JavaScript">
//code by pOOka http://www.sitezeco.cjb.net // 
//As duas seguintes funções definem as variáveis que permitem 
//que os botões radio a1 e a2 não fiquem seleccionados em simultâneo

function botao1(){
	var radio1 = window.document.question.a1;
		if (radio1.checked == true) {window.document.question.a2.checked = false;}

}

function botao2(){
	var radio2 = window.document.question.a2;
		if (radio2.checked == true) {window.document.question.a1.checked = false;}

}

//Esta é a função activada pelo botão OK que contem tres variáveis.
//Em primeiro lugar identifica-se o botão a1 com a variável radio1, como na função botao1.
//Depois identifica-se o botão a2 com a variável radio2, como na função botao2.
//Na terceira variável estabelece-se um resultado para a selecção do botão a1 e outro para
//a selecção do botão a2 e um final onde se designa o resultado de não ter sido feita nenhuma selecção.

function responder(){
	var radio1 = window.document.question.a1;
	
	var radio2 = window.document.question.a2;

var answer;
	 	if (radio1.checked == true) {alert('Certo');}
		//pode alterar-se a mensagem 'Certo' para outra qualquer pretendida

else if (radio2.checked == true) {alert('Errado');}
		//pode alterar-se a mensagem 'Errado' para outra qualquer pretendida

else {alert('Por favor seleccione uma resposta!');}
		//pode colocar-se qualquer outra mensagem para quando não for seleccionada nenhuma resposta

}
</script>

Instruções para utilização do script:

1 - Em primeiro lugar clique no botão "Seleccionar Texto" e faça Ctrl + C
2 - Insira depois o script na secção "Head" do código de HTML da sua página, fazendo-lhe as alterações pretendidas
3 -Onde quiser na sua página coloque um form como este, alterando a questão, as respostas e respectivos resultados conforme pretender:

<form name="question">

<p align="center">O Céu é Azul????<br>
<input type="radio" name="a1" OnClick="botao1()">Sim<br>
<input type="radio" name="a2" OnClick="botao2()">Não
</p>
<p align="center">
<input type="button" value="ok" OnClick="responder()">
</p>

</form>

4 - De seguida coloque a página no seu pedacinho da WWW e delicie os seus visitantes!!!

JavaScript : Protecção de Páginas Através Password

Instruções para utilização do script:

1 - Em primeiro lugar clique no botão "Seleccionar Texto" e faça Ctrl + C
2 - Insira depois o script na secção "Head" do código de HTML da página que contem o link para a página protegida,

Ou, para maior protecção, crie um novo ficheiro com o Bloco de Notas do Windows, por exemplo (ou qualquer outro editor de texto simples), e copie para lá apenas o script, deixando de parte as tags de início e fim de script. Salve o ficheiro com o formato nome_do_ficheiro.js

3 - Altere "PASSWORD" para a palavra-chave desejada e "URL_DA_ PAGINA_A_PROTEGER" para o respectivo endereço.

4 - Altere a hiperligação para acesso à página a proteger da seguinte forma:

<a href="#" OnClick="getpass()">Página Privada</a>

Desta forma chamamos a função getpass() quando alguém clicar no link. Uma vez que será o próprio script encarregue de abrir a página o link não necessita conter o URL da nossa página, tornando assim mais difícil descobrir o endereço da mesma.

5 - Se optou por colocar o script num ficheiro .js insira o seguinte na secção "Head" do código HTML da pagina que contém a hiperligação para a página protegida:

<script language="JavaScript" src="http://O_SEU_URL/nome_do_ficheiro.js"></script>

Assim indicamos apenas qual o ficheiro que contem o script e o o caminho até ele - quer em termos absolutos: URL completo (como no exemplo); quer em relativos: apenas o directório e nome do ficheiro ou só o nome do ficheiro se estiver no mesmo directório no qual a página que contém o link está guardada

6 - Transfira todos os ficheiros para o seu ninho na Net!

JavaScript : Detecção de Browsers e Redireccionamento para páginas específicas

Detectar qual o browser dos nossos visitantes tem como aplicação prática acima de tudo tornar possível a construção de páginas específicas para os mesmos.

Ainda que o HTML e até mesmo o JavaScript sejam linguagens standard, a forma como os variados browsers nos mostram a mesma página é sem dúvida diferente, por mais que nos esforcemos para que o nosso código seja o mais correcto possível! Para não falar do facto de que algumas opções de design especialmente ao nível de interactividade e scripting disponíveis para o IE não o estão para o NN e vice-versa!

O Script:

if(navigator.appName.indexOf("Netscape") > -1){
		alert ('Está a usar o ' + navigator.appName);
		location.replace('http://URL/a_minha_pagina_para_o_netscape.html');
//Substituir pelo endereço da página criada para o Netscape Navigator
	}
	
	else if(navigator.appName.indexOf("Microsoft") > -1){
		alert ('Está a usar o ' + navigator.appName);
		location.replace('http://URL/a_minha_pagina_para_o_iexplorer.html');
//Substituir pelo endereço da página criada para o Internet Explorer		
	}
	
	else { 
		alert ('Está a usar ' + navigator.appName);
		location.replace('http://URL/a_minha_pagina_geral.html');
//Substituir pelo endereço de uma página genérica ou de qualquer uma das 
//anteriores
//Nota: Alguns browsers como por exemplo o Opera (que se identifica como o NN) 
//por terem afinidades de código com algum dos principais NN ou IE identificam-se
//como um deles e não possuem uma identificação própria.
	}
	
}
</script>

Instruções para utilização do script:

1 - Em primeiro lugar clique no botão "Seleccionar Texto" e faça Ctrl + C

2 - Insira depois o script na secção "Head" do código de HTML do seu ficheiro index.html ao qual não necessita de dar conteúdo algum, uma vez que consoante o browser utilizado os seus visitantes serão automaticamente encaminhados para a respectiva página.

3 - Para que chamar a função "browser()" podemos usar o event handler "OnLoad" associado à tag "body" para fazermos com que a mesma "entre em acção logo que a página abre. O seu ficheiro index.html poderá então ter o seguinte aspecto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Título</title>
<script language="JavaScript">
//code by pOOka http://www.sitezeco.cjb.net //
function browser() {

if(navigator.appName.indexOf("Netscape") > -1){
alert ('Está a usar o ' + navigator.appName);
location.replace('http://URL/a_minha_pagina_para_o_netscape.html');
//Substituir pelo endereço da página criada para o Netscape Navigator
}

else if(navigator.appName.indexOf("Microsoft") > -1){
alert ('Está a usar o ' + navigator.appName);
location.replace('http://URL/a_minha_pagina_para_o_iexplorer.html');
//Substituir pelo endereço da página criada para o Internet Explorer
}

else {
alert ('Está a usar ' + navigator.appName);
location.replace('http://URL/a_minha_pagina_geral.html');
//Substituir pelo endereço de uma página genérica ou de qualquer uma das
//anteriores
//Nota: Alguns browsers como por exemplo o Opera (que se identifica como o NN)
//por terem afinidades de código com algum dos principais NN ou IE identificam-se
//como um deles e não possuem uma identificação própria.
}

}
</script>
</head>
<body bgcolor="navy" OnLoad="browser()">
</body>
</html>

JavaScript : Posicionamento com CSS

As Cascading Style Sheets (CSS) dão-nos um mundo de novas possibilidades, incluíndo animação!

Este script permite-nos pôr umas quantas, ou só uma imagem ou banner, a caminhar (vertical ou horizontalmente) na nossa página. Para tal usamos o posicionamento através de CSS, que permite definir em absoluto a posição de um ingrediente da nossa página (texto, ou imagem, por exemplo).

O Script:

Instruções para utilização do script:

1 - Em primeiro lugar clique no botão "Seleccionar Texto" e faça Ctrl + C

2 - Insira depois o script na secção "Head" do código de HTML da sua página.

3 - Coloque no mesmo código o seguinte atributo, conforme o exemplo, para chamar a função do script ao carregar a página:

<body bgcolor="#ffffff" OnLoad="next()">

4 - Agora basta colocar as imagens na nossa página fazendo uso, para o posicionamento absoluto das mesmas, da tag ‹div› :

<div id="pic1" style="position:absolute; left:0; top:100; width:100; height:100; visibity:show">
<img name="1" src="2.gif">
</div>

<div id="pic2" style="position:absolute; left:400; top:100; width:100; height:100; visibity:show">
<img name="2" src="2.gif">
</div>

<div id="pic3" style="position:absolute; left:50; top:250; width:100; height:100; visibity:show">
<img name="3" src="3.gif">
</div>

5 - Altere o posicionamento e as imagens a seu gosto e explore as possibilidades!

Para mais informações sobre as CSS visite o Webmonkey

JavaScript : Rollovers de Imagens com o Rato!

Um excelente e simples método de tornarmos as nossas páginas mais atraentes e interactivas são os rollovers de imagens ao passar do rato.

Instruções para utilização:

1 - Em primeiro lugar clique no botão "Seleccionar Texto" e faça Ctrl + C

2 - Insira depois o script na secção "Head" do código de HTML da sua página.

3 - Acrescente o seguinte à tag ‹img› da imagem desejada:

<a href="#" onMouseOver="comrato()" onMouseOut="semrato()">
<img name="i1" src="a_sua_imagem_sem_rato.gif" border="0">
</a>

4 - Podem acresentar-se quantas mais imagens se quiser ao script, basta escrever uma nova variável para ambas as funções da seguinte forma:

document.images['i2'].src='a_sua#2_imagem_sem_rato.gif'; /* para a função semrato()
document.images['i2'].src='a_sua#2_imagem_com_rato.gif'; /* para a função comrato()

JavaScript : Data e Hora!

Podemos sempre recordar aos nossos visitantes mais distraídos a "quantas" realmente andam!!! ;)

Hoje é são

O Script::

var data=new Date();
var mes = new Array(13);
	mes[1]="Janeiro";
	mes[2]="Fevereiro";
	mes[3]="Março";
	mes[4]="Abril";
	mes[5]="Maio";
	mes[6]="Junho";
	mes[7]="Julho";
	mes[8]="Agosto";
	mes[9]="Setembro";
	mes[10]="Outubro";
	mes[11]="Novembro";
	mes[12]="Dezembro";

var mes2=mes[data.getMonth() + 1];

var semana = new Array(8);
        semana[1]="Segunda-feira";
        semana[2]="Terça-feira";
        semana[3]="Quarta-feira";
        semana[4]="Quinta-feira";
        semana[5]="Sexta-feira";
        semana[6]="Sábado";
        semana[0]="Domingo" 
		
var semana2 = semana[data.getDay()];
var dia=data.getDate();
var ano=data.getFullYear();
function escrevedata(){
		 document.write(semana2 + ",  " + dia +" de "+ mes2 +" de " + ano);
}

var relogio = new Date;
var hora = relogio.getHours();
var minutos = relogio.getMinutes();
function escrevehoras(){
document.write(hora + " horas e "  + minutos + " minutos")
}
</script>

Instruções para utilização:

1 - Em primeiro lugar clique no botão "Seleccionar Texto" e faça Ctrl + C

2 - Insira depois o script na secção "Head" do código de HTML da sua página.

3 - Depois basta chamar as funções "escrevedata()" e "escrevehoras()" onde quer que se queira colocá-las no documento, como por exemplo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>JavaScript - Data e Hora</title>

<style type="text/css">
A.link{
text-align : left;
font-size : 13pt;
text-decoration : none;
color : #004080;
}

A:active.link{
text-align : left;
font-size : 13pt;
text-decoration : none;
color : #004080;
}

A:hover.link{
text-align : left;
font-size : 13pt;
text-decoration : none;
color : #FF00FF;
}
</style>

<script language="JavaScript">
var data=new Date();
var mes = new Array(13);
mes[1]="Janeiro";
mes[2]="Fevereiro";
mes[3]="Março";
mes[4]="Abril";
mes[5]="Maio";
mes[6]="Junho";
mes[7]="Julho";
mes[8]="Agosto";
mes[9]="Setembro";
mes[10]="Outubro";
mes[11]="Novembro";
mes[12]="Dezembro";

var mes2=mes[data.getMonth() + 1];

var semana = new Array(8);
semana[1]="Segunda-feira";
semana[2]="Terça-feira";
semana[3]="Quarta-feira";
semana[4]="Quinta-feira";
semana[5]="Sexta-feira";
semana[6]="Sábado";
semana[0]="Domingo"

var semana2 = semana[data.getDay()];
var dia=data.getDate();
var ano=data.getFullYear();
function escrevedata(){
document.write(semana2 + ", " + dia +" de "+ mes2 +" de " + ano);
}

var relogio = new Date;
var hora = relogio.getHours();
var minutos = relogio.getMinutes();
function escrevehoras(){
document.write(hora + " horas e " + minutos + " minutos")
}
</script>

</head>

<body>
<p align="center">
<font face="Comic Sans MS" color="navy" size="4">
<big>
Olá!<br>
Hoje é
<script language="JavaScript">
escrevedata()
</script>
<br>
São
<script language="Javascript">
escrevehoras()
</script>
<br>
</big>
(Clique
<a href="#" onClick="location.reload()" class="link">
aqui
</a>
para actualizar o relógio!)

</font>
</p>
</body>
</html>

Bemvindos ao meu pedacinho de céu cibernético!

Com a calma das tardes de um novo Outono e na reconfortante companhia de uma chávena de chá quente, nascem novas folhas digitais, enquanto as outras - que eram verdes - dançam em remoinhos de ouro junto ao chão!

Finalmente, por aqui sopram ventos de mudança!

É verdade mudou o aspecto mas de resto, tudo na mesma... bem não tenho tempo para mais...

:: pOOka ::