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

Revision 6, 6.8 KB (checked in by vsilva, 9 years ago)

Initial comit

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