[I3geo] Dificuldades em personalizar as Abas Laterais

Domingo Abril 24 19:16:09 PDT 2016

Olá a todos, Tenho estudado como personalizar interfaces no I3geo, eencontrei dificuldades em especificar determinados aspectos de Abas Laterais.Como necessito inserir logomarcas e imagens de fundo nasabas laterais, criei diferentes DIV’s e inseri neles a Arvore De Temas, Árvorede Catálogo, Legenda e Links.Porém quando tento aplicar a alteração de função deatualização da legenda, conforme apresentado nos “Exemplos de configuração dainterface do i3geo” – item 25 da Sequência de exemplos que abordam a construçãode interfaces customizadas, a Aba “Legenda” quando ativada mais de uma vez fazdesaparecer todo o conteúdo da mesma aba (legenda).Onde estou errando? Como se criam novas abas laterais alémdas apresentadas pelos exemplos?  Insiro a seguir o html que estou trabalhando: <html><head><meta http-equiv="Category"content="I3Geo Mapa interativo Incra geoprocessamento sig mobile"><META HTTP-EQUIV="Content-Type"CONTENT="text/html; charset=ISO-8859-1"><script type="text/javascript"src="../classesjs/i3geonaocompacto.js"></script><script type="text/javascript"src="http://maps.google.com/maps/api/js?sensor=false"></script><link rel="stylesheet"type="text/css" href="../css/blackR01.css"> <title>BASE CARTOGRÁFICA DIGITAL DECAMAÇARI</title></head><body style='margin-left:7px;background:white;'class=yui-skin-sam ><table id='mst' summary="" style='display:none;'width=100% cellspacing='0'><tr style="border:0px"><td colspan=1 id="barraSuperior"style="background-image:url(../imagens/interfaceR01_abas2.png);height:40px"><center><img src="../imagens/interfaceR01_logo1.png"height="40px"></center></td><td id="barraSuperior2"style="background-image:url(../imagens/interfaceR01_abas2.png);height:40px"></td></tr><tr><td><div class=verdeescurostyle="background-image:url(../imagens/interfaceR01_abas.png);top:0px;cursor:pointer;"><div id=guia1 class=guia >Temas</div><div id=guia2 class=guia >Adiciona</div><div id=guia5 class=guia >Links</div><div id=guia4 class=guia >Legenda</div></div></td><td id="barraSuperior"style="background-image:url(../imagens/interfaceR01_abas.png);height:20px"><div id="menus"></div> </td></tr><tr><tdstyle="vertical-align:top;width:400px;text-align:left;background-image:url('../imagens/interfaceR01_abas4.png');"><table><tr><td id=contemFerramentasstyle="vertical-align:top;width:400px;text-align:left;background-image:url('../imagens/interfaceR01_abas4.png');"><div id='guia1obj'><imgsrc="../imagens/interfaceR01_logointer.png"width="400px"><table style="margin:10px; height:625px;"><tr><td style="background-color:rgb(255 255255);vertical-align:top"><div style="width:380px;height:300px;border:0pxsolid;float:left;"><div id=listaTemasstyle="margin:5px;width:370px;height:615px;border:0pxsolid;float:left;overflow:auto;"></div></div></td></tr></table></div><div id='guia2obj' style='display:none;'><imgsrc="../imagens/interfaceR01_logointer.png"width="400px"><table style="margin:10px; height:625px;"><tr><td style="background-color:rgb(255 255255);vertical-align:top"><div style="width:380px;height:300px;border:0pxsolid;float:left;"><div id="arvoreDeTemas"style="margin:5px;width:370px;height:615px;border:0pxsolid;float:left;overflow:auto;"></div></div></td></tr></table></div><div id='guia4obj'><imgsrc="../imagens/interfaceR01_logointer.png"width="400px"><table style="margin:10px; height:625px;"><tr><td style="background-color:rgb(255 255255);vertical-align:top"><div style="width:380px;height:300px;border:0pxsolid;float:left;"><div id=Legendastyle="display:block;margin:5px;width:370px;height:615px;border:0pxsolid;float:left;overflow:auto;"></div></div></td></tr></table></div> <div id='guia5obj'><imgsrc="../imagens/interfaceR01_logointer.png"width="400px"><table style="margin:10px; height:625px;"><tr><td style="background-color:rgb(255 255255);vertical-align:top"><div style="width:380px;height:300px;border:0pxsolid;float:left;"><div id="links"style="margin:5px;width:370px;height:615px;border:1px solid;float:left;overflow:auto;"></div></div></td></tr></table></div></td></tr></table></td><tdstyle="vertical-align:top;border-width:0px;"><table width="100%"style="vertical-align:top;border-width:0px"><tr><td class=verdeclaro id=contemImg ><div id=corpoMapastyle="width:1500x;height:871px;position:relative;background-image:url('../imagens/interfaceR01_Cama4bk.png');"></div></td></tr></table></td></tr> <table style="width: 100%; height: 35px"><tr><td class=fundoRodape style="width: 25%"><div id=escala style="margin: auto; text-align:right; left: 15px;"></div></td><td class=fundoRodape style="width: 5%"></td><td class=fundoRodape style="width: 60%"><div id=localizarxy style="margin: auto;text-align: left; font-size: 10px; display: inline-table"></div></td><td class=fundoRodape style="width: 20%"><div id=i3GEOcompartilhar style="width: 170px;margin: auto; text-align: left; padding-top: 1px"></div></td><div id=tempoRedesenho style="z-index: 100;position: absolute; top: 0px; color: green; background-color: black; width:50px; display: none"></div><td class=fundoRodape style="width: 10%;"></td></tr></table></table> <script>i3GEO.Interface.ATUAL = "googlemaps";i3GEO.Interface.googlemaps.TIPOMAPA ="satellite";i3GEO.idioma.MOSTRASELETOR = false; i3GEO.configura.mapaRefDisplay = "none";i3GEO.mapa.TEMASINICIAIS ="0201_poligonais_municipal";i3GEO.mapa.TEMASINICIAISLIGADOS ="0201_poligonais_municipal"; i3GEO.mapa.legendaHTML.atualiza = function() {i3GEO.configura.templateLegenda = "legenda7.htm";var idleg = $i("Legenda"),temp = function(retorno) {idleg.innerHTML = retorno.data.legenda;};i3GEO.mapa.legendaHTML.obtem(temp);}; i3GEO.finaliza = function(){i3GEO.mapa.legendaHTML.cria("Legenda");i3GEO.arvoreDeTemas.cria("","","arvoreDeTemas");i3GEO.mapa.insereDobraPagina("openlayers","../imagens/dobraopenlayers.png"); };i3GEO.cria();i3GEO.inicia();</script></body></html>
Obrigado desde já.
JaineCarvalho

-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://lists.osgeo.org/pipermail/i3geo/attachments/20160425/085b55ae/attachment.html>