Download as
Browse Code »

Commit 4bdf24b3aee24ea5f2d6236d76bdbb21a944dfbe

Authored by Edmar Moretti
1 parent 69c823c5
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Novos exemplos de customização

Showing 3 changed files with 161 additions and 1 deletions   Show diff stats
exemplos/cursodsv17.htm 0 → 100644
  Diff comments   View file @4bdf24b
@@ -0,0 +1,77 @@ @@ -0,0 +1,77 @@
  1 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2 +<html>
  3 +<head>
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  5 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  6 +<title>i3GEO - OpenLayers</title>
  7 +<script src="../classesjs/i3geonaocompacto.js"></script>
  8 +<script src="../pacotes/openlayers/OpenLayers2131.js"></script>
  9 +<link rel="stylesheet" type="text/css" href="../css/black.css">
  10 +</head>
  11 +<body style='margin-left:7px;background:white;' class=yui-skin-sam >
  12 +<div id="menuSuspenso" style="width:700px;">
  13 +</div>
  14 +<div>
  15 + <div id=i3geo >
  16 + <div id=corpoMapa style="top:1px;width:700px;height:400px;background-image:url('../imagens/i3geo1bw.jpg');">
  17 + </div>
  18 + </div>
  19 +</div>
  20 +<div id="logMapa" ></div>
  21 +<style>
  22 +#menuSuspenso .bd{
  23 + background: black;
  24 +}
  25 +</style>
  26 +<script>
  27 +/************
  28 +A construcao do menu e baseada em um objeto contendo os itens que o compoem.
  29 +
  30 +Esse objeto i3GEO.configura.oMenuData
  31 +
  32 +Mais detalhes em:
  33 +
  34 + http://localhost/i3geo/documentacao/files/classesjs/classe_configura-js.html
  35 +
  36 +Modificando-se esse objeto e possivel customizar o menu.
  37 +
  38 +Nesse exemplo apenas tres itens sao mantidos no menu, sendo que a opecao de login e os marcadores sao definidos
  39 +como parametros de inicializacao e nao no objeto oMenuData
  40 +
  41 +************/
  42 +
  43 +i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  44 +
  45 +//parametros para o menu
  46 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso = {
  47 + permiteLogin: true,
  48 + marcadores: true,
  49 + idhtml:"menuSuspenso",
  50 + deslocaEsquerda:0,
  51 + parametrosYUI: {iframe:false,autosubmenudisplay: false, showdelay: 200, hidedelay: 500, lazyload: false}
  52 + };
  53 +
  54 +i3GEO.configura.oMenuData = {
  55 + menu:[
  56 + {nome:$trad("s1"),id:"ajudaMenu"}
  57 + ],
  58 + submenus:{
  59 + "ajudaMenu": [
  60 + { id:"omenudataAjudamenu9",text: $trad("x68"), url: "javascript:i3GEO.janela.tempoMsg(i3GEO.parametros.mensageminicia)" },
  61 + { id:"omenudataAjudamenu2",text: $trad("u2"), url: "javascript:i3GEO.ajuda.abreDoc()" },
  62 + { id:"omenudataAjudamenu3",text: $trad("u4a"), url: "javascript:i3GEO.ajuda.abreDoc('/documentacao/manual-i3geo-6_0-pt.pdf')" },
  63 + { id:"omenudataAjudamenu4",text: $trad("u4"), url: "http://www.softwarepublico.gov.br/dotlrn/clubs/i3geo/file-storage/index?folder%5fid=22667525", target:"_blank" },
  64 + { id:"omenudataAjudamenu5",text: $trad("u5a"), url: "http://www.softwarepublico.gov.br", target:"_blank" },
  65 + { id:"omenudataAjudamenu1",text: $trad("x67"), url: "http://www.softwarepublico.gov.br/spb/ver-comunidade?community_id=1444332", target:"_blank" },
  66 + { id:"omenudataAjudamenu7",text: $trad("u5b"), url: "javascript:i3GEO.ajuda.abreDoc('/ajuda_usuario.php')"},
  67 + { id:"omenudataAjudamenu8",text: $trad("u5c"), url: "javascript:i3GEO.ajuda.redesSociais()" }
  68 + ]
  69 + }
  70 +};
  71 +
  72 +i3GEO.cria();
  73 +i3GEO.inicia();
  74 +
  75 +</script>
  76 +</body>
  77 +</html>
exemplos/cursodsv18.htm 0 → 100644
  Diff comments   View file @4bdf24b
@@ -0,0 +1,79 @@ @@ -0,0 +1,79 @@
  1 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2 +<html>
  3 +<head>
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  5 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  6 +<title>i3GEO - OpenLayers</title>
  7 +<script src="../classesjs/i3geonaocompacto.js"></script>
  8 +<script src="../pacotes/openlayers/OpenLayers2131.js"></script>
  9 +<link rel="stylesheet" type="text/css" href="../css/black.css">
  10 +</head>
  11 +<body style='margin-left:7px;background:white;' class=yui-skin-sam >
  12 +<div id="menuSuspenso" style="width:700px;">
  13 +</div>
  14 +<div>
  15 + <div id=i3geo >
  16 + <div id=corpoMapa style="top:1px;width:700px;height:400px;background-image:url('../imagens/i3geo1bw.jpg');">
  17 + </div>
  18 + </div>
  19 +</div>
  20 +<div id="logMapa" ></div>
  21 +<style>
  22 +#menuSuspenso .bd{
  23 + background: black;
  24 +}
  25 +</style>
  26 +<script>
  27 +/************
  28 +Cada interface possui parametros especificos de configuracao.
  29 +
  30 +No caso do OpenLayers, alguns dos componentes sao controlados pelo objeto
  31 +
  32 +i3GEO.Interface.openlayers.GADGETS
  33 +
  34 +Nesse exemplo, o mapa mostra apenas a barra de escala
  35 +
  36 +************/
  37 +
  38 +i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
  39 +//parametros da interface OpenLayers
  40 +i3GEO.Interface.openlayers.GADGETS = {
  41 + PanZoomBar : false,
  42 + PanZoom : false,
  43 + LayerSwitcher : false,
  44 + ScaleLine : true,
  45 + OverviewMap : false
  46 +};
  47 +//parametros para o menu
  48 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso = {
  49 + permiteLogin: true,
  50 + marcadores: true,
  51 + idhtml:"menuSuspenso",
  52 + deslocaEsquerda:0,
  53 + parametrosYUI: {iframe:false,autosubmenudisplay: false, showdelay: 200, hidedelay: 500, lazyload: false}
  54 + };
  55 +
  56 +i3GEO.configura.oMenuData = {
  57 + menu:[
  58 + {nome:$trad("s1"),id:"ajudaMenu"}
  59 + ],
  60 + submenus:{
  61 + "ajudaMenu": [
  62 + { id:"omenudataAjudamenu9",text: $trad("x68"), url: "javascript:i3GEO.janela.tempoMsg(i3GEO.parametros.mensageminicia)" },
  63 + { id:"omenudataAjudamenu2",text: $trad("u2"), url: "javascript:i3GEO.ajuda.abreDoc()" },
  64 + { id:"omenudataAjudamenu3",text: $trad("u4a"), url: "javascript:i3GEO.ajuda.abreDoc('/documentacao/manual-i3geo-6_0-pt.pdf')" },
  65 + { id:"omenudataAjudamenu4",text: $trad("u4"), url: "http://www.softwarepublico.gov.br/dotlrn/clubs/i3geo/file-storage/index?folder%5fid=22667525", target:"_blank" },
  66 + { id:"omenudataAjudamenu5",text: $trad("u5a"), url: "http://www.softwarepublico.gov.br", target:"_blank" },
  67 + { id:"omenudataAjudamenu1",text: $trad("x67"), url: "http://www.softwarepublico.gov.br/spb/ver-comunidade?community_id=1444332", target:"_blank" },
  68 + { id:"omenudataAjudamenu7",text: $trad("u5b"), url: "javascript:i3GEO.ajuda.abreDoc('/ajuda_usuario.php')"},
  69 + { id:"omenudataAjudamenu8",text: $trad("u5c"), url: "javascript:i3GEO.ajuda.redesSociais()" }
  70 + ]
  71 + }
  72 +};
  73 +
  74 +i3GEO.cria();
  75 +i3GEO.inicia();
  76 +
  77 +</script>
  78 +</body>
  79 +</html>
exemplos/index.html
  Diff comments   View file @4bdf24b
@@ -55,7 +55,7 @@ body,td { @@ -55,7 +55,7 @@ body,td {
55 </p> 55 </p>
56 </fieldset> 56 </fieldset>
57 <h2>Interface OpenLayers</h2> 57 <h2>Interface OpenLayers</h2>
58 - <fieldset> 58 + <fieldset id="seqOL">
59 <p> 59 <p>
60 Sequ&ecirc;ncia de exemplos que abordam a constru&ccedil;&atilde;o de interfaces customizadas. O c&oacute;digo dos exemplos s&atilde;o mostrados em uma janela flutuante e foram organizados para facilitar o entendimento do funcionamento do c&oacute;digo do i3Geo 60 Sequ&ecirc;ncia de exemplos que abordam a constru&ccedil;&atilde;o de interfaces customizadas. O c&oacute;digo dos exemplos s&atilde;o mostrados em uma janela flutuante e foram organizados para facilitar o entendimento do funcionamento do c&oacute;digo do i3Geo
61 </p> 61 </p>
@@ -91,6 +91,10 @@ body,td { @@ -91,6 +91,10 @@ body,td {
91 <a href="codemirror.php?&pagina=cursodsv15.htm" target="_blank">[15]</a> 91 <a href="codemirror.php?&pagina=cursodsv15.htm" target="_blank">[15]</a>
92 &nbsp;&nbsp; 92 &nbsp;&nbsp;
93 <a href="codemirror.php?&pagina=cursodsv16.htm" target="_blank">[16]</a> 93 <a href="codemirror.php?&pagina=cursodsv16.htm" target="_blank">[16]</a>
  94 + &nbsp;&nbsp;
  95 + <a href="codemirror.php?&pagina=cursodsv17.htm" target="_blank">[17]</a>
  96 + &nbsp;&nbsp;
  97 + <a href="codemirror.php?&pagina=cursodsv18.htm" target="_blank">[18]</a>
94 </p> 98 </p>
95 </fieldset> 99 </fieldset>
96 <fieldset> 100 <fieldset>