root/middleware-online/trunk/webapp/src/main/webapp/templates/id_civil2.html @ 13

Revision 13, 6.7 KB (checked in by vsilva, 9 years ago)

Some improvements on error control and support more platforms

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5<link href="../css/main.css" rel="stylesheet" media="screen" />
6<script type="text/javascript">
7    function loadData() {
8        document.getElementsByClassName("apelido")[0].value = document.getElementsByTagName("applet")[0].getPteidId().name
9        document.getElementsByClassName("nome")[0].value = document.getElementsByTagName("applet")[0].getPteidId().firstName
10
11        document.getElementsByClassName("sexo")[0].value = document.getElementsByTagName("applet")[0].getPteidId().sex
12        document.getElementsByClassName("altura")[0].value = document.getElementsByTagName("applet")[0].getPteidId().height
13        document.getElementsByClassName("nacionalidade")[0].value = document.getElementsByTagName("applet")[0].getPteidId().nationality
14        document.getElementsByClassName("dataNascimento")[0].value = document.getElementsByTagName("applet")[0].getPteidId().birthDate
15       
16        document.getElementsByClassName("nDocumento")[0].value = document.getElementsByTagName("applet")[0].getPteidId().numBI
17        document.getElementsByClassName("dataValidade")[0].value = document.getElementsByTagName("applet")[0].getPteidId().validityDate
18       
19        document.getElementsByClassName("filiacao")[0].value = document.getElementsByTagName("applet")[0].getPteidId().firstnameFather + ' ' + document.getElementsByTagName("applet")[0].getPteidId().nameFather
20        document.getElementsByClassName("filiacao")[1].value = document.getElementsByTagName("applet")[0].getPteidId().firstnameMother + ' ' + document.getElementsByTagName("applet")[0].getPteidId().nameMother
21
22        document.getElementById("photo").src = "data:image/jpeg;base64," + document.getElementsByTagName("applet")[0].getPicBase64()
23    }
24</script>
25</head>
26<body>
27        <div id="container">
28                <div id="header">
29                        <div id="title">Cartão de Cidadão
30                                <applet width="125" height="30" code="dummy" class="floatLeft">
31                                        <param name="jnlp_href" value="../jnlp/util-applet.jnlp">
32                                </applet>
33                        </div>
34                        <div id="menu">
35                                <ul id="navlist">
36                                        <li onclick="loadData();">
37                                                <img src="../images/menuicon_cartao.png" alt="" class="icon"/>
38                                                <img src="../images/menuicon_seta.png" alt="" class="seta"/>
39                                                Cartão
40                                        </li>
41                                        <li class="menu_separador"><img src="../images/separador_menu.jpg"></li>
42                                        <li>
43                                                <img src="../images/menuicon_ferramentas.png" alt="" class="icon"/>
44                                                <img src="../images/menuicon_seta.png" alt="" class="seta"/>
45                                                Ferramentas</li>
46                                        <li class="menu_separador"><img src="../images/separador_menu.jpg"></li>
47                                        <li>
48                                                <img src="../images/menuicon_assinaturas.png" alt="" class="icon"/>
49                                                <img src="../images/menuicon_seta.png" alt="" class="seta"/>
50                                                Assinatura Digital
51                                                <ul>
52                                                        <li><a href="" title="">&raquo; Assinar Documento</a></li>
53                                                        <li><a href="" title="">&raquo; Assinar múltiplos Documentos</a></li>
54                                                        <li class="submenu_separador"><img src="../images/separador_submenu.jpg"></li>
55                                                        <li><a href="" title="">&raquo; Verificar Assinaturas</a></li>
56                                                </ul>
57                                        </li>
58                                        <li class="menu_separador"><img src="../images/separador_menu.jpg"></li>
59                                        <li>
60                                                <img src="../images/menuicon_idioma.png" alt="" class="icon"/>
61                                                <img src="../images/menuicon_seta.png" alt="" class="seta"/>
62                                                Idioma
63                                                <ul>
64                                                        <li><a href="" title="">&raquo; English</a></li>
65                                                        <li><a href="" title="">&raquo; Português</a></li>
66                                                </ul>
67                                        </li>
68                                        <li class="menu_separador"><img src="../images/separador_menu.jpg"></li>
69                                        <li>
70                                                <img src="../images/menuicon_ajuda.png" alt="" class="icon"/>
71                                                <img src="../images/menuicon_seta.png" alt="" class="seta"/>
72                                                Ajuda
73                                        </li>
74                                        <li class="menu_separador"><img src="../images/separador_menu.jpg"></li>
75                                        <li>
76                                                <img src="../images/menuicon_zoom.png" alt="" class="icon"/>
77                                                <img src="../images/menuicon_seta.png" alt="" class="seta"/>
78                                                Zoom
79                                        </li>
80                                </ul>
81
82                        </div>
83                        <div id="menu_2level">
84                                <div class="item"><a href="id_civil.html" title="">Identificação Civil</a></div>
85                                <div class="item"><a href="outros_dados.html" title="">Outros Dados</a></div>
86                                <div class="item"><a href="morada.html" title="">Morada</a></div>
87                                <div class="item"><a href="certificados.html" title="">Certificados</a></div>
88                                <div class="item"><a href="codigos_pin.html" title="">Códigos PIN</a></div>
89                                <div class="item"><a href="bloco_notas.html" title="">Bloco de Notas</a></div>
90                        </div>
91                </div>
92                <div id="content">
93                        <div id="center_content">
94                                <form action="" method="">
95                                        <img id="photo" width="202" height="269" src="" class="floatRight" style="margin-right: 80px;margin-top: 20px;"/>
96                                        <label>Apelido[s] / Surname</label></br>
97                                        <input type="text" id="" name="" value="" class="apelido"/></br>
98                                        <label>Nome[s] / Given Name</label></br>
99                                        <input type="text" id="" name="" value="" class="nome"/></br>
100                                        <div class="floatLeft">
101                                                <label>Sexo</label></br>
102                                                <label class="gray">Sex</label></br>
103                                                <input type="text" id="" name="" value="" class="sexo"/>
104                                        </div>
105                                        <div class="floatLeft">
106                                                <label>Altura</label></br>
107                                                <label class="gray">Height</label></br>
108                                                <input type="text" id="" name="" value="" class="altura"/>
109                                        </div>
110                                        <div class="floatLeft">
111                                                <label>Nacionalidade</label></br>
112                                                <label class="gray">Nacionality</label></br>
113                                                <input type="text" id="" name="" value="" class="nacionalidade"/>
114                                        </div>
115                                        <div class="floatLeft">
116                                                <label>Data de Nascimento</label></br>
117                                                <label class="gray">Date of Birth</label></br>
118                                                <input type="text" id="" name="" value="" class="dataNascimento"/>
119                                        </div>
120                                        <div class="clear"></div>
121                                        <div class="floatLeft">
122                                                <label>Nº de Documento</label></br>
123                                                <label class="gray">Document nº</label></br>
124                                                <input type="text" id="" name="" value="" class="nDocumento"/>
125                                        </div>
126                                        <div class="floatLeft">
127                                                <label>Data de Validade</label></br>
128                                                <label class="gray">Expiry Date</label></br>
129                                                <input type="text" id="" name="" value="" class="dataValidade"/>
130                                        </div>
131                                        <div class="clear"></div>
132                                        <label>Filiação / Parents</label><br>
133                                        <input type="text" id="" name="" value="" class="filiacao"/></br>
134                                        <input type="text" id="" name="" value="" class="filiacao"/></br>
135                                        <label>Indicações Eventuais / Notes</label><br>
136                                        <textarea cols="53" rows="5" name=""></textarea>
137                                </form>
138                        </div>
139                </div>
140        </div>
141
142</body>
143</html>
Note: See TracBrowser for help on using the browser.