root/middleware-online/trunk/webapp/src/main/webapp/main.html @ 16

Revision 16, 6.3 KB (checked in by vsilva, 9 years ago)

Developments on Online Application

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 setLanguage(lang) {
8        if (lang == "pt") {
9                document.getElementById("mainMenuItem_Cartao").firstChild.textContent = "Cartão";
10                document.getElementById("mainMenuItem_Ferramentas").firstChild.textContent = "Ferramentas";
11                document.getElementById("mainMenuItem_Assinatura").firstChild.textContent = "Assinatura Digital";
12                document.getElementById("mainMenuItem_Idioma").firstChild.textContent = "Idioma";
13                document.getElementById("menuIdiomaEN").firstChild.textContent = "» Inglês";
14                document.getElementById("menuIdiomaPT").firstChild.textContent = "» Português";
15                document.getElementById("mainMenuItem_Ajuda").firstChild.textContent = "Ajuda";
16                document.getElementById("menuItem_ID").firstChild.textContent = "Identificação Civil";
17                document.getElementById("menuItem_OutrosDados").firstChild.textContent = "Outros Dados";
18                document.getElementById("menuItem_Morada").firstChild.textContent = "Morada";
19                document.getElementById("menuItem_Certificados").firstChild.textContent = "Certificados";
20                document.getElementById("menuItem_Pins").firstChild.textContent = "Códigos PIN";
21                document.getElementById("menuItem_Notas").firstChild.textContent = "Bloco Notas";
22        }else{
23            document.getElementById("mainMenuItem_Cartao").firstChild.textContent = "Card";
24                document.getElementById("mainMenuItem_Ferramentas").firstChild.textContent = "Tools";
25                document.getElementById("mainMenuItem_Assinatura").firstChild.textContent = "Digital Signature";
26                document.getElementById("mainMenuItem_Idioma").firstChild.textContent = "Language";
27                document.getElementById("menuIdiomaEN").firstChild.textContent = "» English";
28                document.getElementById("menuIdiomaPT").firstChild.textContent = "» Portuguese";
29               
30                document.getElementById("mainMenuItem_Ajuda").firstChild.textContent = "Help";
31                document.getElementById("menuItem_ID").firstChild.textContent = "Identity";
32                document.getElementById("menuItem_OutrosDados").firstChild.textContent = "Additional Data";
33                document.getElementById("menuItem_Morada").firstChild.textContent = "Address";
34                document.getElementById("menuItem_Certificados").firstChild.textContent = "Certificates";
35                document.getElementById("menuItem_Pins").firstChild.textContent = "PIN Codes";
36                document.getElementById("menuItem_Notas").firstChild.textContent = "Notes";
37        }
38        return false;
39    }
40</script>   
41</head>
42<body>
43        <!--script type="text/javascript">
44        var attributes = {
45            id: 'ccUtilApplet',
46            width: 1,
47            height: 1
48        }
49       
50        var parameters = {
51            'jnlp_href': 'util-applet.jnlp'
52        }
53       
54        deployJava.runApplet(attributes, parameters, '1.6');
55    </script-->                                 
56
57        <div id="container">
58                <div id="header">
59                        <div id="title">Cartão de Cidadão</div>
60                        <div id="menu">
61                                <ul id="navlist">
62                                        <li>
63                                                <img src="images/menuicon_cartao.png" alt="" class="icon"/>
64                                                <a href="main.html" id="mainMenuItem_Cartao" title="">Cartão</a>                                               
65                                        </li>
66                                        <li class="menu_separador"><img src="images/separador_menu.jpg"></li>
67                                        <li>
68                                                <img src="images/menuicon_ferramentas.png" alt="" class="icon"/>
69                                                <img src="images/menuicon_seta.png" alt="" class="seta"/>
70                                                <label id="mainMenuItem_Ferramentas">Ferramentas</label>
71                                        </li>
72                                        <li class="menu_separador"><img src="images/separador_menu.jpg"></li>
73                                        <li>
74                                                <img src="images/menuicon_assinaturas.png" alt="" class="icon"/>
75                                                <img src="images/menuicon_seta.png" alt="" class="seta"/>
76                                                <label id="mainMenuItem_Assinatura">Assinatura Digital</label>
77                                                <ul>
78                                                        <li><a href="" title="">&raquo; Assinar Documento</a></li>
79                                                        <li><a href="" title="">&raquo; Assinar Múltiplos Documentos</a></li>
80                                                        <li class="submenu_separador"><img src="images/separador_submenu.jpg"></li>
81                                                        <li><a href="" title="">&raquo; Verificar Assinaturas</a></li>
82                                                </ul>
83                                        </li>
84                                        <li class="menu_separador"><img src="images/separador_menu.jpg"></li>
85                                        <li>
86                                                <img src="images/menuicon_idioma.png" alt="" class="icon"/>
87                                                <img src="images/menuicon_seta.png" alt="" class="seta"/>
88                                                <label id="mainMenuItem_Idioma">Idioma</label>
89                                                <ul>
90                                                        <li><a href="" id="menuIdiomaEN" title="" onclick="return setLanguage('en');">&raquo; Inglês</a></li>
91                                                        <li><a href="" id="menuIdiomaPT" title="" onclick="return setLanguage('pt');">&raquo; Português</a></li>
92                                                </ul>
93                                        </li>
94                                        <li class="menu_separador"><img src="images/separador_menu.jpg"></li>
95                                        <li>
96                                                <img src="images/menuicon_ajuda.png" alt="" class="icon"/>
97                                                <img src="images/menuicon_seta.png" alt="" class="seta"/>
98                                                <label id="mainMenuItem_Ajuda">Ajuda</label>
99                                        </li>
100                                        <li class="menu_separador"><img src="images/separador_menu.jpg"></li>
101                                        <li>
102                                                <img src="images/menuicon_zoom.png" alt="" class="icon"/>
103                                                <img src="images/menuicon_seta.png" alt="" class="seta"/>
104                                                Zoom
105                                        </li>
106                                        <li>
107                                                <applet width="1" height="1" code="dummy" class="floatLeft" >
108                                                <param name="jnlp_href" value="jnlp/util-applet.jnlp">
109                                        </applet>
110                                        </li>
111                                </ul>
112                        </div>
113                        <div id="menu_2level">
114                                <div class="item"><a href="id_civil.html" title="" id="menuItem_ID" target="contentFrame">Identificação Civil</a></div>
115                                <div class="item"><a href="outros_dados.html" title="" id="menuItem_OutrosDados" target="contentFrame">Outros Dados</a></div>
116                                <div class="item"><a href="morada.html" title="" id="menuItem_Morada" target="contentFrame">Morada</a></div>
117                                <div class="item"><a href="certificados.html" title="" id="menuItem_Certificados" target="contentFrame">Certificados</a></div>
118                                <div class="item"><a href="codigos_pin.html" title="" id="menuItem_Pins" target="contentFrame">Códigos PIN</a></div>
119                                <div class="item"><a href="bloco_notas.html" title="" id="menuItem_Notas" target="contentFrame">Bloco de Notas</a></div>
120                        </div>
121                </div>
122                <iframe scrolling="no" width="860px" height="530px" name="contentFrame" src="id_civil.html" frameborder="0"/>
123        </div>
124</body>
125</html>
Note: See TracBrowser for help on using the browser.