calendario.html
2.05 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Calendário</title>
<link rel="stylesheet" href="EstilosHelper.css" type="text/css">
</head>
<body>
<div class="cabecalho"><span>Funcionalidade
da tela "Calendário"</span>
</div>
<br>
<span class="textoNormal">Esta tela permite ao
usuário selecionar uma data a partir de um
calendário.</span><br class="textoNormal">
<span class="textoNormal">Ela é
acionada, no formato "popup", sempre que o usuário clicar no
botão </span><img class="textoNormal" style="width: 16px; height: 15px;" alt="Calendário" title="Calendário" src="../imagens/calendario.gif"><span class="textoNormal">, que
está associado aos campos do tipo data. </span><br class="textoNormal">
<span class="textoNormal">Ao ser acionada,
será apresentado o calendário do mês
corrente. </span><br class="textoNormal">
<span class="textoNormal">Para
modificar o mês, ou o ano, do calendário, utilize
os campos com as
listas do mês e do ano, que são apresentadas no
início da tela. </span><br class="textoNormal">
<span class="textoNormal">Ao modificar o
mês, ou o ano, o sistema, automaticamente,
apresentará o calendário correspondente.
</span><br class="textoNormal">
<span class="textoNormal">Para selecionar uma
data, clique do dia correspondente ao da data que você
deseja. </span><br class="textoNormal">
<span class="textoNormal">Ao
clicar sobre o link do dia, o sistema irá fechar a tela do
calendário,
e atualizar o campo de data, para o qual, o tela de
calendário foi
acionada. </span><br class="textoNormal">
<span class="textoNormal">Veja, abaixo, o exemplo
de uma tela do tipo "Calendário.</span><br>
<br>
<img style="width: 278px; height: 284px;" alt="Calendário" title="Calendário" src="../imagens/calendario4.jpeg">
</body>
</html>