BRASIL TUTORIAIS - Tudo sobre tutoriais » JAVA SCRIPT http://brasiltutoriais.com.br Apostilas, CSS, PHP, jogos, JAVA, Wordpress Thu, 13 May 2010 19:48:30 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Javascript: exibe data e uma mensagem de acordo com a hora http://brasiltutoriais.com.br/codigo-em-javascript-para-mostrar-a-hora/ http://brasiltutoriais.com.br/codigo-em-javascript-para-mostrar-a-hora/#comments Fri, 15 Jan 2010 14:03:45 +0000 admin http://brasiltutoriais.com.br/?p=326 Javascript: exibe data e uma mensagem de acordo com a hora is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:
  1. Abrir visualizar impressão usando javascript
  2. PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix)
  3. Texto se movendo na barra de status
]]>

Código em javascript para mostrar a data e uma mensagem de acordo com a hora.

Para ver o código funcionando cole o código acima no bloco de notas e salve como arquivo “html”.

Ex: codigo.html

Depois é só abrir com o navegador e testar.

<html>
<head>

<title> Data e Mensagem de acordo com a hora </title>

<script language=”javascript”>

function ExibeData(){
var DtAtual = new Date();
var meses =  ["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho",
"Agosto","Setembro","Outubro","Novembro","Dezembro"];
var semanas = ["Domingo","Segunda-Feira","Terça-Feira","Quarta-Feira","Quinta-Feira",
"Sexta-Feira","Sábado"];

dia = DtAtual.getDate();
mes = DtAtual.getMonth();
ano = DtAtual.getFullYear();
dia_semana = DtAtual.getDay();
horas = DtAtual.getHours();
hora1 = DtAtual.getHours();

nome_mes = meses[mes];
nome_semana = semanas[dia_semana];

if (horas >= 0 && horas < 12) { saudacao = “Bom Dia!”}
if (horas >= 12 && horas < 18) { saudacao = “Boa Tarde!”}
if (horas >= 18 && horas < 24) { saudacao = “Boa Noite!”}
frase = saudacao+” “+nome_semana+”, “+dia+” de “+nome_mes+” de “+ano;
alert(frase);
}

</script>
</head>

<body>

<script> ExibeData();</script>

</body>
</html>

Javascript: exibe data e uma mensagem de acordo com a hora is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:

  1. Abrir visualizar impressão usando javascript
  2. PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix)
  3. Texto se movendo na barra de status

Tags: , ,
]]> http://brasiltutoriais.com.br/codigo-em-javascript-para-mostrar-a-hora/feed/ 1 País e cidade do número IP http://brasiltutoriais.com.br/pais-e-cidade-do-numero-ip/ http://brasiltutoriais.com.br/pais-e-cidade-do-numero-ip/#comments Sun, 12 Apr 2009 01:26:20 +0000 admin http://brasiltutoriais.com.br/?p=201 País e cidade do número IP is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

No related posts.]]>

O endereço www.ip2phrase.com lhe permite criar mensagens personalizadas de boas vindas para os visitantes do seu site. Ele identifica o número IP e retorna o país e o estado do seu visitante.

O IP (internet protocol) é um número atribuído a todo computador que está conectado na internet. Se você está acessando a internet agora seu computador possui um número IP único no mundo. Claro que não é toda hora que o sistema acerta já que os provedores e donos de blocos de IP não costumam manter os dados sempre atualizados.

Se você é programador e precisa de uma aplicação que identifique a origem do IP poderá encontrar API em PHP, Perl, C, JAVA, etc em outro site:
http://www.maxmind.com/download/geoip/api/

Deseja usar Mysql e banco de dados?
http://www.delau.net/php/geoip.html

País e cidade do número IP is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

No related posts.

]]> http://brasiltutoriais.com.br/pais-e-cidade-do-numero-ip/feed/ 0 Texto se movendo na barra de status http://brasiltutoriais.com.br/texto-se-movendo-na-barra-de-status/ http://brasiltutoriais.com.br/texto-se-movendo-na-barra-de-status/#comments Sun, 12 Apr 2009 01:22:16 +0000 admin http://brasiltutoriais.com.br/?p=197 Texto se movendo na barra de status is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:
  1. BARRA DE PROCESSO EM CSS
  2. Javascript: exibe data e uma mensagem de acordo com a hora
]]>

Com este pequeno javascript você poderá colocar um texto se movendo da esquerda para a direita na barra de status do navegador dos visitantes do seu site. É um recurso que pode ser usado quando queremos chamar a atenção do visitante. Você só precisa copiar e colocar.

   <SCRIPT LANGUAGE=”JavaScript”>
var message = “Texto que vai aparecer na barra“;
var speed = 100;
var forward = true;

function bounce(){
if (forward) {
message = ” ” + message;
forward = ((message.length > 120) ? false : true);
} else {
if (message.charAt(0) == ‘ ‘) {
message = message.substring(1, message.length);
} else {
forward = true;
}
}
window.status = message;
setTimeout(”bounce()”, speed);
}
bounce();
// end hide –>

Texto se movendo na barra de status is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:

  1. BARRA DE PROCESSO EM CSS
  2. Javascript: exibe data e uma mensagem de acordo com a hora

]]> http://brasiltutoriais.com.br/texto-se-movendo-na-barra-de-status/feed/ 0 Abrir visualizar impressão usando javascript http://brasiltutoriais.com.br/abrir-visualizar-impressao-usando-javascript/ http://brasiltutoriais.com.br/abrir-visualizar-impressao-usando-javascript/#comments Thu, 19 Feb 2009 12:38:27 +0000 admin http://brasiltutoriais.com.br/?p=132 Abrir visualizar impressão usando javascript is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:
  1. Javascript: exibe data e uma mensagem de acordo com a hora
  2. 10 ANIMAÇÕES USANDO JQUERY
  3. Texto se movendo na barra de status
]]>

Com este script você poderá adicionar um botão no site para permitir que a pessoa visualize a impressão antes de imprimir o conteúdo. É um recurso interessante quando você mostra uma página que deve ser impressa pelo usuário como: contratos, relatórios, extratos, boletos, etc.

A função fica assim: 

<script language="JavaScript">
function visualizarImpressao(){
 var Navegador = '<object id="Navegador1" width="0" height="0"
 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>';
 document.body.insertAdjacentHTML('beforeEnd', Navegador);
 Navegador1.ExecWB(7, 1);
 Navegador1.outerHTML = "";
}
</script>

Veja como fica o código do link para abrir a tela:
<input type=”button” onclick=”visualizarImpressao();” value=”Visualizar Impressão” />

Infelizmente este código só funciona com o Internet Explorer.

Abrir visualizar impressão usando javascript is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:

  1. Javascript: exibe data e uma mensagem de acordo com a hora
  2. 10 ANIMAÇÕES USANDO JQUERY
  3. Texto se movendo na barra de status

]]> http://brasiltutoriais.com.br/abrir-visualizar-impressao-usando-javascript/feed/ 0 VER CEP VISUALMENTE EM JAVA http://brasiltutoriais.com.br/ver-cep-visualmente-em-java/ http://brasiltutoriais.com.br/ver-cep-visualmente-em-java/#comments Wed, 18 Feb 2009 00:43:53 +0000 admin http://brasiltutoriais.com.br/?p=79 VER CEP VISUALMENTE EM JAVA is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:
  1. País e cidade do número IP
]]>

Aqui apresentamos um projeto interessante para visualização de números de CEP dos EUA de forma visual. O sistema é feito em JAVA e pode ser visto funcionando aqui. Espere carregar e digite o número 1. Você poderá ver um estado dos EUA se destacando. Se digitar 12 verá uma area menor desta região. Para cada número digitado uma área menor é destacada até aparecer o nome da rua relacionado ao número de 5 dígitos que você deve digitar.

O mais interessante é que o autor deste projeto oferece o  código fonte gratuito Se você é programador JAVA poderá usar o projeto para criar uma versão com o mapa do Brasil ou o mapa do seu estado. Usando a imaginação poderá aplicar esta solução em seus projetos em JA

VER CEP VISUALMENTE EM JAVA is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:

  1. País e cidade do número IP

]]> http://brasiltutoriais.com.br/ver-cep-visualmente-em-java/feed/ 0 Slide de Fotos igual do UOL e da FOLHA http://brasiltutoriais.com.br/slide-de-fotos-igual-do-uol-e-da-folha/ http://brasiltutoriais.com.br/slide-de-fotos-igual-do-uol-e-da-folha/#comments Wed, 18 Feb 2009 00:42:50 +0000 admin http://brasiltutoriais.com.br/?p=76 Slide de Fotos igual do UOL e da FOLHA is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:
  1. Fazendo montagens com suas fotos
  2. Como criar álbum de fotos na Internet
  3. Baixe uma galeria de fotos em Flash
]]>

Na primeira página do site da UOL e no site do jornal Folha de São Paulo existe um quadro onde são exibidas as fotos do dia. Esta fotos são mostradas como slides que mudam automaticamente.
Este recurso é muito atrativo para o visitante.
Você pode utilizar este mesmo tipo de slides com auto play no seu blog ou site. Veja um exemplo funcionando.

O sistema utiliza Javascript, HTML e CSS. Você pode adicionar um pequeno texto em cada foto. A mudança de foto é feita automaticamente mas o usuário tem o poder de escolher qual foto deseja ver clicando nas miniaturas.

Para baixar os arquivos e ler todas as orientações sobre o uso desta aplicação web visite aqui.

Slide de Fotos igual do UOL e da FOLHA is a post from: BRASIL TUTORIAIS - Tudo sobre tutoriais

NOTICIAS RELACIONADAS:

  1. Fazendo montagens com suas fotos
  2. Como criar álbum de fotos na Internet
  3. Baixe uma galeria de fotos em Flash

]]> http://brasiltutoriais.com.br/slide-de-fotos-igual-do-uol-e-da-folha/feed/ 0