Commit 22c799427451a96ba2204d5e5b9e369ecdd1fb25
1 parent
ed0051e2
Exists in
master
and in
7 other branches
Exemplo de inclusao do manu suspenso
Showing
4 changed files
with
63 additions
and
14 deletions
Show diff stats
classesjs/classe_gadgets.js
| ... | ... | @@ -89,18 +89,7 @@ i3GEO.gadgets = { |
| 89 | 89 | "mostraHistoricoZoom": |
| 90 | 90 | |
| 91 | 91 | {idhtml:"historicozoom"}, |
| 92 | - //inclui opção admin | |
| 93 | - try{ | |
| 94 | - if(i3GEO.parametros.editor === "sim"){ | |
| 95 | - i3GEO.configura.oMenuData.menu.push({nome:"Admin",id:"i3GeoAdmin"}); | |
| 96 | - i3GEO.configura.oMenuData.submenus.i3GeoAdmin = [ | |
| 97 | - {id:"omenudataAdmin1",text: "Página principal", url: "javascript:var w = window.open(i3GEO.configura.locaplic+'/admin/index.html')" }, | |
| 98 | - {id:"omenudataAdmin2",text: "Catálogo", url: "javascript:var w = window.open(i3GEO.configura.locaplic+'/admin/html/arvore.html')" }, | |
| 99 | - {id:"omenudataAdmin3",text: "Menus", url: "javascript:i3GEO.arvoreDeTemas.abrejanelaIframe('900','700','"+i3GEO.configura.locaplic+"/admin/html/menus.html\')"} | |
| 100 | - ]; | |
| 101 | - } | |
| 102 | - } | |
| 103 | - catch(e){} | |
| 92 | + | |
| 104 | 93 | "mostraMenuSuspenso": |
| 105 | 94 | |
| 106 | 95 | {marcadores: true, permiteLogin: true,idhtml:"menus",deslocaEsquerda:0,finaliza:"",parametrosYUI={}}, |
| ... | ... | @@ -336,7 +325,7 @@ i3GEO.gadgets = { |
| 336 | 325 | {id = i3GEO.gadgets.PARAMETROS.mostraBuscaRapida.idhtml;} |
| 337 | 326 | i3GEO.gadgets.mostraBuscaRapida.id = id; |
| 338 | 327 | if($i(id)){ |
| 339 | - i = "<form id=i3GEObotaoFormBuscaRapida"+id+" >" | |
| 328 | + i = "<form id=i3GEObotaoFormBuscaRapida"+id+" >" | |
| 340 | 329 | + "<div class='styled-select' style='width:160px;'><input type=text value='' id='valorBuscaRapida"+id+"' /></div>"; |
| 341 | 330 | + "</form>"; |
| 342 | 331 | ins = "<table><tr><td><a class=ajuda_usuario target=_blank href='"+i3GEO.configura.locaplic+"/ajuda_usuario.php?idcategoria=8&idajuda=71' > </a></td><td>"+i+"</td>"; |
| ... | ... | @@ -492,7 +481,7 @@ i3GEO.gadgets = { |
| 492 | 481 | if(!objid) |
| 493 | 482 | {return;} |
| 494 | 483 | //cria o menu se ainda não existir |
| 495 | - if(objid && objid.innerHTML === ""){ | |
| 484 | + if(objid && objid.innerHTML.trim() === ""){ | |
| 496 | 485 | try{ |
| 497 | 486 | if(ms.marcadores === true){ |
| 498 | 487 | //complementa o array com os dados para o menu de marcadores | ... | ... |
exemplos/cursodsv15.htm
| ... | ... | @@ -23,6 +23,10 @@ |
| 23 | 23 | /************ |
| 24 | 24 | Da mesma forma que a arvore de camadas, a arvore do catalogo de temas pode ser inserida em um local qualquer |
| 25 | 25 | |
| 26 | +Diferentes parametros controlam o conteudo da arvore. | |
| 27 | + | |
| 28 | +Saiba mais em: http://localhost/i3geo/documentacao/files/classesjs/classe_arvoredetemas-js.html | |
| 29 | + | |
| 26 | 30 | ************/ |
| 27 | 31 | |
| 28 | 32 | i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma | ... | ... |
| ... | ... | @@ -0,0 +1,54 @@ |
| 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="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 | +O menu suspenso e tambem um componente construido por meio do YUI2. | |
| 29 | + | |
| 30 | +O objeto menu resultante e manipulado com YAHOO.widget.MenuManager | |
| 31 | + | |
| 32 | +Para inserir no mapa basta indicar qual o elemento HTML de destino. | |
| 33 | + | |
| 34 | +Ao criar o menu, podem ser definidos alguns parametros, inclusive da propria API do YAHOO. | |
| 35 | + | |
| 36 | +************/ | |
| 37 | + | |
| 38 | +i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma | |
| 39 | + | |
| 40 | +//parametros para o menu | |
| 41 | +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso = { | |
| 42 | + permiteLogin: false, | |
| 43 | + marcadores: true, | |
| 44 | + idhtml:"menuSuspenso", | |
| 45 | + deslocaEsquerda:0, | |
| 46 | + parametrosYUI: {iframe:false,autosubmenudisplay: false, showdelay: 200, hidedelay: 500, lazyload: false} | |
| 47 | + }; | |
| 48 | + | |
| 49 | +i3GEO.cria(); | |
| 50 | +i3GEO.inicia(); | |
| 51 | + | |
| 52 | +</script> | |
| 53 | +</body> | |
| 54 | +</html> | ... | ... |
exemplos/index.html
| ... | ... | @@ -89,6 +89,8 @@ body,td { |
| 89 | 89 | <a href="codemirror.php?&pagina=cursodsv14.htm" target="_blank">[14]</a> |
| 90 | 90 | |
| 91 | 91 | <a href="codemirror.php?&pagina=cursodsv15.htm" target="_blank">[15]</a> |
| 92 | + | |
| 93 | + <a href="codemirror.php?&pagina=cursodsv16.htm" target="_blank">[16]</a> | |
| 92 | 94 | </p> |
| 93 | 95 | </fieldset> |
| 94 | 96 | <fieldset> | ... | ... |