Reformulação da ferramenta de busca de atributos em um tema. Os resultados da bu…

…sca agora são mostrados em uma janela independente.

Reformulação da ferramenta de busca de atributos em um tema. Os resultados da bu…
…sca agora são mostrados em uma janela independente.
Edmar Moretti
1 parent 75c24e4a
Showing 4 changed files with 37 additions and 23 deletions Show diff stats
classesjs/classe_janela.js
classesjs/classe_tema.js
ferramentas/busca/index.htm
ferramentas/busca/index.js
@@ -103,6 +103,8 @@ i3GEO.janela = {
 	ny {Integer} - posição y da janela em pixels. Se for "" será fixada no centro
+	texto {String} - texto do cabeçalho
+	
 	id {String} - (opcional) nome que será dado ao id que conterá a janela. Se não for definido, será usado o id="wdoca". O
 		id do iframe interno é sempre igual ao id + a letra i. Por default, será "wdocai".
 		O id do cabçalho será igual a id+"_cabecalho" e o id do corpo será id+"_corpo"
@@ -114,8 +116,6 @@ i3GEO.janela = {
 	{Array} Array contendo: objeto YAHOO.panel criado,elemento HTML com o cabecalho, elemento HTML com o corpo
 	*/
 	cria: function(wlargura,waltura,wsrc,nx,ny,texto,id,modal){
-		//executa as funções de preparação
-		//YAHOO.log("Cria janela", "janela");
 		if(i3GEO.janela.ANTESCRIA){
 			for(i=0;i<i3GEO.janela.ANTESCRIA.length;i++)
 			{eval(i3GEO.janela.ANTESCRIA[i]);}
@@ -152,7 +152,6 @@ i3GEO.janela = {
 			with (wdocaiframe.style){width = "100%";height=waltura;};
 			wdocaiframe.style.display = "block";
 			wdocaiframe.src = wsrc;
-			//i3GEO.janela.ANTESFECHA.push("$i('"+id+"i').src = ''");
 		}
 		var fix = false;
 		if(nx == "" || nx == "center"){var fix = true;}
@@ -166,7 +165,6 @@ i3GEO.janela = {
 		}
 		YAHOO.janelaDoca.xp.panel.render();
 		YAHOO.util.Event.addListener(YAHOO.janelaDoca.xp.panel.close, "click", i3GEO.janela.fecha,id);
-		//YAHOO.log("Fim cria janela", "janela");
 		return(new Array(YAHOO.janelaDoca.xp.panel,$i(id+"_cabecalho"),$i(id+"_corpo")));
 	},
 	/*
@@ -226,7 +226,7 @@ i3GEO.tema = {
 		idtema - id que identifica o tema conforme definido no map file
 		*/
 		procuraratrib: function(idtema)
-		{i3GEO.janela.cria("550px","340px",i3GEO.configura.locaplic+"/ferramentas/busca/index.htm?tema="+idtema,"","","Procurar");},
+		{i3GEO.janela.cria("280px","320px",i3GEO.configura.locaplic+"/ferramentas/busca/index.htm?tema="+idtema,"","","Procurar","janela_busca");},
 		/*
 		Function: tabela
 <html>
 <head>
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
-<link rel="stylesheet" type="text/css" href="../../css/ferramentas.css">
+<link rel="stylesheet" type="text/css" href="../../css/i3geo_ferramentas.css">
+<style type="text/css">.yuibutton button{padding-left:2em;background:url(../../imagens/tic.png) 5% 50% no-repeat;}</style>
+
 <title></title>
 </head>
 <body>
 		<div style="top:5px;left:5px;width:300px">
-			<b>Procurar:</b>
-			<input style='cursor:text' class=digitar type=text size=30 id=palavra value=''/>
-			<img alt="tic.png" onclick="javascript:procurar()" style="cursor:pointer" src="../../imagens/tic.png" title='procurar' />
+			<input style='cursor:text' class=digitar type=text size=47 id=palavra value='digite aqui o texto...'/>
+		</div>
+		<div style=top:10px;left:3px;text-align:left; onclick="procurar()">
+			<input id=botao1 size=20  type=button value="Procurar" />
 		</div>
 		<div style="top:20px;left:5px;">
 			<table summary="Lista de opcoes" class=lista3 width="250px">
@@ -33,9 +36,7 @@
 		<div style="top:30px;left:5px;">
 			<b>Buscar nos itens:</b>
 		</div>
-		<div id=listai class=digitar style="text-align:left;top:30px;left:5px;width:250px;overflow:auto;height:160px">
-		</div>
-		<div id="resultado" style="position:absolute;top:5px;left:270px;width:230;overflow:auto;height:315px">
+		<div id=listai class=digitar style="text-align:left;top:30px;left:5px;width:250px;overflow:auto;height:120px">
 		</div>
 <script src="../i3geo_tudo_compacto.js.php" type="text/javascript"></script>
 <script language="JavaScript" type="text/javascript" src="index.js"></script>
@@ -21,7 +21,7 @@ Free Software Foundation, Inc., no endereço
 */
 //inicializa
 parametrosURL()
-
+contadorJanelas = 0
 //monta a lista de itens
 checkitensf(
 	tema,
@@ -34,7 +34,14 @@ checkitensf(
 	}
 	,"listai"
 )
-
+YAHOO.example.init = function ()
+{
+	function onPushButtonsMarkupReady()
+	{
+		new YAHOO.widget.Button("botao1");
+	}
+	YAHOO.util.Event.onContentReady("botao1", onPushButtonsMarkupReady);
+}()
 function procurar()
 {
 	aguarde("block")
@@ -53,7 +60,6 @@ function procurar()
 		{alert("digite uma palavra");aguarde("none")}
 		else
 		{
-			$i("resultado").innerHTML = "";
 			var tipo = "exata";
 			if ($i("qualquer").checked == true)
 			{tipo = "qualquer"}
@@ -74,31 +80,40 @@ function procurar()
 //monta o resultado
 function listaretornof(retorno)
 {
+	var palavra = $i("palavra").value;
+	var idJanela = "janelaBusca"+contadorJanelas
+	contadorJanelas++
+	window.parent.i3GEO.janela.cria("200px","200px","","","",palavra,idJanela)
 	aguarde("none")
 	var naoEncontrado = "<p style=color:red >Nenhum registro encontrado<br>"
 	var ins = new Array()
 	if (retorno.data != undefined)
 	{
-		var palavra = $i("palavra").value;
+		
 		for (tema=0;tema<retorno.data.length; tema++)
 		{
 		 var linhas = retorno.data[tema].resultado
 		 for (linha=0;linha<linhas.length; linha++)
 		 {
-			ins.push("<table><tr><td onclick='zoomf(\""+linhas[linha].box+"\")'style='cursor:pointer;color:navy'>zoom</td><td onclick='pinf(\""+linhas[linha].box+"\")'style='color:navy;cursor:pointer;'>localiza</td></tr></table>")
+			var valores = (linhas[linha].box).split(" ");
+			var x = (valores[0] * 1) + ((((valores[0] * -1) - (valores[2] * -1)) / 2) * 1);
+			var y = (valores[1] * 1) + ((((valores[1] * -1) - (valores[3] * -1)) / 2) * 1);			
+			
+			ins.push("<table><tr><td onclick='i3GEO.navega.zoomExt(\"\",\"\",\"\",\""+linhas[linha].box+"\")' style='cursor:pointer;color:navy'>zoom&nbsp;</td><td onclick='i3GEO.navega.zoomponto(\"\",\"\","+x+","+y+")' style='color:navy;cursor:pointer;'>localiza</td></tr></table>")
 			for (i=0;i<linhas[linha].valores.length; i++)
 			{
 				var er = new RegExp(palavra, "gi");
-				var tr = (linhas[linha].valores[i].valor).replace(er,"<span style=color:red >"+palavra+"</span>")
-				ins.push("&nbsp;" + linhas[linha].valores[i].item + ": " + tr + "<br><br>")
+				var tr = (linhas[linha].valores[i].valor).replace(er,"<span style=color:red;text-align:left >"+palavra+"</span>")
+				ins.push("<div style=width:170px;text-align:left;left:5px; >"+ linhas[linha].valores[i].item + ": " + tr + "</div><br>")
 				var naoEncontrado = ""
 			}
 		 }
 		}
-		$i("resultado").innerHTML=naoEncontrado+ins.join("")
-		$i("resultado").style.borderLeft = "1px solid rgb(235,235,235)"
-		$i("resultado").style.backgroundColor = "rgb(250,250,250)"
+		//$i("resultado").innerHTML=naoEncontrado+ins.join("")
+		window.parent.document.getElementById(idJanela+"_corpo").innerHTML = "<div style='position:relative;top:0px;left:0px;width:190;overflow:auto;height:315px'>"+naoEncontrado+ins.join("")+"</div>"
+		//$i("resultado").style.borderLeft = "1px solid rgb(235,235,235)"
+		//$i("resultado").style.backgroundColor = "rgb(250,250,250)"
 	}
 	else
-	{$i("resultado").innerHTML = "<p style=color:red >Ocorreu um erro<br>"}
+	{window.parent.document.getElementById(idJanela+"_corpo").innerHTML = "<p style=color:red >Ocorreu um erro<br>"}
 }
 \ No newline at end of file
	@@ -226,7 +226,7 @@ i3GEO.tema = {		@@ -226,7 +226,7 @@ i3GEO.tema = {
226	idtema - id que identifica o tema conforme definido no map file	226	idtema - id que identifica o tema conforme definido no map file
227	*/	227	*/
228	procuraratrib: function(idtema)	228	procuraratrib: function(idtema)
229	- {i3GEO.janela.cria("550px","340px",i3GEO.configura.locaplic+"/ferramentas/busca/index.htm?tema="+idtema,"","","Procurar");},	229	+ {i3GEO.janela.cria("280px","320px",i3GEO.configura.locaplic+"/ferramentas/busca/index.htm?tema="+idtema,"","","Procurar","janela_busca");},
230	/*	230	/*
231	Function: tabela	231	Function: tabela
232		232