Exemplo de inclusao do manu suspenso

Edmar Moretti
1 parent ed0051e2
Showing 4 changed files with 63 additions and 14 deletions Show diff stats
classesjs/classe_gadgets.js
exemplos/cursodsv15.htm
exemplos/cursodsv16.htm
exemplos/index.html
@@ -89,18 +89,7 @@ i3GEO.gadgets = {
 		"mostraHistoricoZoom":
 		{idhtml:"historicozoom"},
-		//inclui op&ccedil;&atilde;o admin
-		try{
-			if(i3GEO.parametros.editor === "sim"){
-				i3GEO.configura.oMenuData.menu.push({nome:"Admin",id:"i3GeoAdmin"});
-				i3GEO.configura.oMenuData.submenus.i3GeoAdmin = [
-				{id:"omenudataAdmin1",text: "P&aacute;gina principal", url: "javascript:var w = window.open(i3GEO.configura.locaplic+'/admin/index.html')" },
-				{id:"omenudataAdmin2",text: "Cat&aacute;logo", url: "javascript:var w = window.open(i3GEO.configura.locaplic+'/admin/html/arvore.html')" },
-				{id:"omenudataAdmin3",text: "Menus", url: "javascript:i3GEO.arvoreDeTemas.abrejanelaIframe('900','700','"+i3GEO.configura.locaplic+"/admin/html/menus.html\')"}
-				];
-			}
-		}
-		catch(e){}
+
 		"mostraMenuSuspenso":
 		{marcadores: true, permiteLogin: true,idhtml:"menus",deslocaEsquerda:0,finaliza:"",parametrosYUI={}},
@@ -336,7 +325,7 @@ i3GEO.gadgets = {
 		{id = i3GEO.gadgets.PARAMETROS.mostraBuscaRapida.idhtml;}
 		i3GEO.gadgets.mostraBuscaRapida.id = id;
 		if($i(id)){
-			i = "<form id=i3GEObotaoFormBuscaRapida"+id+" >" 
+			i = "<form id=i3GEObotaoFormBuscaRapida"+id+" >"
 			+ "<div class='styled-select' style='width:160px;'><input type=text value='' id='valorBuscaRapida"+id+"' /></div>";
 			+ "</form>";
 			ins = "<table><tr><td><a class=ajuda_usuario target=_blank href='"+i3GEO.configura.locaplic+"/ajuda_usuario.php?idcategoria=8&idajuda=71' >&nbsp;&nbsp;&nbsp;&nbsp;</a></td><td>"+i+"</td>";
@@ -492,7 +481,7 @@ i3GEO.gadgets = {
 		if(!objid)
 		{return;}
 		//cria o menu se ainda n&atilde;o existir
-		if(objid && objid.innerHTML === ""){
+		if(objid && objid.innerHTML.trim() === ""){
 			try{
 				if(ms.marcadores === true){
 					//complementa o array com os dados para o menu de marcadores
@@ -23,6 +23,10 @@
 /************
 Da mesma forma que a arvore de camadas, a arvore do catalogo de temas pode ser inserida em um local qualquer
+Diferentes parametros controlam o conteudo da arvore.
+
+Saiba mais em: http://localhost/i3geo/documentacao/files/classesjs/classe_arvoredetemas-js.html
+
 ************/
 i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
+<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
+<title>i3GEO - OpenLayers</title>
+<script src="../classesjs/i3geonaocompacto.js"></script>
+<script src="../pacotes/openlayers/OpenLayers2131.js"></script>
+<link rel="stylesheet" type="text/css" href="../css/black.css">
+</head>
+<body style='margin-left:7px;background:white;' class=yui-skin-sam >
+<div id="menuSuspenso" style="width:700px;">
+</div>
+<div>
+	<div id=i3geo >
+		<div id=corpoMapa style="width:700px;height:400px;background-image:url('../imagens/i3geo1bw.jpg');">
+		</div>
+	</div>
+</div>
+<div id="logMapa" ></div>
+<style>
+#menuSuspenso .bd{
+	background: black;
+}
+</style>
+<script>
+/************
+O menu suspenso e tambem um componente construido por meio do YUI2.
+
+O objeto menu resultante e manipulado com YAHOO.widget.MenuManager
+
+Para inserir no mapa basta indicar qual o elemento HTML de destino.
+
+Ao criar o menu, podem ser definidos alguns parametros, inclusive da propria API do YAHOO.
+
+************/
+
+i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
+
+//parametros para o menu
+i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso = {
+		permiteLogin: false,
+		marcadores: true,
+		idhtml:"menuSuspenso",
+		deslocaEsquerda:0,
+		parametrosYUI: {iframe:false,autosubmenudisplay: false, showdelay: 200, hidedelay: 500, lazyload: false}
+	};
+
+i3GEO.cria();
+i3GEO.inicia();
+
+</script>
+</body>
+</html>
@@ -89,6 +89,8 @@ body,td {
 					<a href="codemirror.php?&pagina=cursodsv14.htm" target="_blank">[14]</a>
 					&nbsp;&nbsp;
 					<a href="codemirror.php?&pagina=cursodsv15.htm" target="_blank">[15]</a>
+					&nbsp;&nbsp;
+					<a href="codemirror.php?&pagina=cursodsv16.htm" target="_blank">[16]</a>
 				</p>
 			</fieldset>
 			<fieldset>
@@ -0,0 +1,54 @@		@@ -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>