← Desenvolvimento

javascript introdução básica V

Lida 2981 vezes

Offline

icaro 
Membro
Mensagens 128 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

funções - construção de um Relógio

Quando queremos falar de alguém não dizemos o senhor de cabelo castanho, de olhos azuis, de 1,90m, primo da fulana de tal...
é mais fácil: o Zé Manel
Zé Manel subentenderá tantas noções consoante o grau de conhecimento que temos dessa pessoa.

Ora bem as funções subentendem noções para o navegador e são invocadas pelo nome. Por outras palavras as funções contém as linhas de código que introzudimos e ao invocar o nome da função está a dizer ao navegador para executar todo esse código.


em javascript as funções começam assim:

function nome()
{
o conteúdo
}

e são invocadas pelo nome

vejemos um exemplo prático (hoje com a papinha toda feita é só copiar e colar)

Código: [Seleccione]


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Relógio em Javascript</title>

<script language="javascript" type="text/javascript">
function Relogio() {
 
data = new Date()
var minutos= data.getMinutes()
var segundos= data.getSeconds()

  var hora=data.getHours()
   
/*estabelecer a condição em que aparecem zeros à esquerda dos números i.e, em vez de 9 teremos 09 */

if (hora < 10) //se a variável hora for menor que 10
{
hora = "0" +  hora // a variável hora é alterada para 0+hora
}
if (minutos < 10)
{
minutos = "0" + minutos
}
if (segundos < 10)
{
segundos = "0" + segundos
}

   
  var rel=  document.formulario.caixatexto.value = ""
                                   + hora + ":"
                                   + minutos + ":"
                                   + segundos;
                                   
                               
   

 var Actualizar =setTimeout("Relogio()",  "1000"); //permite uma actualização ao segundo do nosso relógio
}
</script>
</head>

<body onLoad="Relogio()">
<!chama o nosso zé manel para o barulho-->

<form  name="formulario">
<input name="caixatexto" type="text">
</form>
</body>
</html>


Se quisermos colocar o nosso relógio em todas as páginas gravamos a função num ficheiro com extensão js , ligamos o ficjheiro às nossas páginas <script LANGUAGE="JavaScript" src="Relogio.js"> </script> e invocamos o nome da função <body onLoad="Relogio()"> .

o método getHours(),  retornará a hora do computador ou seja do cliente.

Imaginemos que queriamos dar uma hora de um país diferente. Teriamos de utilizar outro método: por exemplo getUTCHours() que retornará a hora do Merediano de Grenwich.

Se quisermos apresentar as horas na India (se na india forem mais 5 horas)

var horaindia =

data.getUTCHours() + 5;



p.s. fpware será que daria para juntar todas estas iintroduções ao javascript numa mensagem só?
Offline

karrico 
Membro
Mensagens 2962 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 2500 Posts

Bom post :) continua
Offline

fpware 
Fundador
Mensagens 15318 Gostos 6
Troféus totais: 38
Trófeus: (Ver todos)
Linux User Mobile User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5

Mais um excelente tutorial! Muito obrigado icaro! :D
Offline

icaro 
Membro
Mensagens 128 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

fpware daria para por todas estas introduções numa mensagem, seria mais fácil para me orientar
Offline

fpware 
Fundador
Mensagens 15318 Gostos 6
Troféus totais: 38
Trófeus: (Ver todos)
Linux User Mobile User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5

Dá, eu trato disso hoje ;)
Offline

icaro 
Membro
Mensagens 128 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

Citação de: "fpware"
Dá, eu trato disso hoje ;)

  :obrigado:  :orei:

by the way parabéns pelo blog vai ser mais um ponto de referência, aquilo aparece é um pouco esqusito o texto sai fora das caixas e vê-se código em algumas páginas: ao trabalho! :wink:
Offline

fpware 
Fundador
Mensagens 15318 Gostos 6
Troféus totais: 38
Trófeus: (Ver todos)
Linux User Mobile User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5

Nós é que agradecemos! :D
Offline

icaro 
Membro
Mensagens 128 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

Hoje veremos uma coisa muito simples mas que dá muito jeitinho a quem não tenha uma base de dados disponível.

Um dos sites que fiz em tempos precisava de retornar informação dos utilizadores mas teria de um fazer respondendo às perguntas que nós queríamos, como um guestbook mas para razões diferentes.

Ora base de dados era mentira, ainda que suportasse extensões do frontpage teriamos de lá ir todos os dias para ver se havia resposta. Já para não falar no CGI e Pearl que são de fugir.

vejamos:


Código: [Seleccione]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body>

<form method="post" action="mailto:icaro@rebeubeu.net?Subject=nome + '' + telefone" name="myform" enctype="text/plain">
Qual é o seu nome? <input type="text" name="nome"> <p>
Quais são os seus apelidos? <input type="text" name="telefone"> <p>
<input type="submit" value="enviar"> <p>
 

</form>
</body>
</html>


fácil não é?
acho que nem precisa de explicações atenção só os nomes do formulário e das caixas de texto e ao ?Subject

mais tarde veremos como velidar o conteúdo dos formulários
Offline

Tartaruga 
Membro
Mensagens 2908 Gostos 0
Troféus totais: 29
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Parabéns pelo tuturial de java script... continua!
Offline

fpware 
Fundador
Mensagens 15318 Gostos 6
Troféus totais: 38
Trófeus: (Ver todos)
Linux User Mobile User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5

Excelente icaro! :D

Ainda não tive tempo, mas a minha ideia é compilar todos os teus tutoriais num post único, tal como tinhas pedido, e atribuir-lhe a categoria de "fixo"

Amanhã devo conseguir tratar disso ;)
Offline

fpware 
Fundador
Mensagens 15318 Gostos 6
Troféus totais: 38
Trófeus: (Ver todos)
Linux User Mobile User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5

Prometido é devido:

http://forum.maistrafego.pt/index.php?topic=26170

Mais uma vez muito obrigado icaro pelas excelentes contribuições que tens dado à nossa comunidade! :D
Offline

icaro 
Membro
Mensagens 128 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

Citação de: "fpware"
Prometido é devido:

http://forum.maistrafego.pt/index.php?topic=26170

Mais uma vez muito obrigado icaro pelas excelentes contribuições que tens dado à nossa comunidade! :D


obrigado assim já me oriento melhor :wink:
Offline

fpware 
Fundador
Mensagens 15318 Gostos 6
Troféus totais: 38
Trófeus: (Ver todos)
Linux User Mobile User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5

Nós é que agradecemos! :D