Olá pessoal, Estou tentando usar a função combotemas, copiando o codigo fonte que esté em:
i3geo/exemplos/combos.htm
Porém não estou conseguindo.
Alguem poderia postar um script o mais simples possível dessa funçao?
Desde já agradeço...
Autor: Domingos Leal

55 comentários
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="/dotlrn/clubs/i3geo/pacotes/yui270/build/json/json-min.js"></script>
<script type="text/javascript" src="/dotlrn/clubs/i3geo/classesjs/i3geonaocompacto.js"></script> </head> <body id="i3geo" style=background-color:white; >
<div id=listaTemas style='position:absolute;top:15px;left:15px'></div> Minha ferramenta! <p class=paragrafo ><b>Objeto JSON com os dados das camadas armazenado em i3GEO.arvoreDeCamadas.CAMADAS</b></p>
<div class=paragrafo id="objJSON" ></div>
<p class=paragrafo ><b>Itens do tema escolhido:</b></p>
<div class="paragrafo" id=CMBitens ></div>
<p class=paragrafo ><b>Valores do item do tema escolhido:</b></p>
<div class="paragrafo" id=CMBvalores ></div>
<p class=paragrafo ><b>Todos os temas:</b></p>
<div class="paragrafo" id=CMBtodos ></div> <script type="text/javascript"> i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
var g_localimg = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo/imagens"; function montaCombos(){
$i("objJSON").innerHTML = YAHOO.lang.dump(i3GEO.arvoreDeCamadas.CAMADAS);
//todos os temas
i3GEO.util.comboTemas(
"CMBtodosID",
function(retorno){
$i("CMBtodos").innerHTML = retorno.dados;
if($i("CMBtodosID")){
$i("CMBtodosID").onchange = function(){
i3GEO.mapa.ativaTema(this.value);
alert("Voce escolheu o tema: "+this.value);
montaCombosItens(this.value);
};
}
},
"CMBtodos",
"",
false,
""
);
function montaCombosItens(tema){
i3GEO.util.comboItens(
"CMBitensID",
tema,
function(retorno){
$i("CMBitens").innerHTML = retorno.dados;
$i("CMBitensID").onchange = function(){
alert("Vc escolheu: "+this.value);
i3GEO.util.comboValoresItem(
"CMBvaloresID",
tema,
this.value,
function(retorno){
$i("CMBvalores").innerHTML = retorno.dados;
$i("CMBvaloresID").onchange = function(){
alert("Vc escolheu: "+this.value);
};
},
"CMBvalores"
);
};
},
"CMBitens"
);
}
}
i3GEO.arvoreDeCamadas.finaliza = "montaCombos()";
i3GEO.cria();
i3GEO.inicia();
</script>
</body>
</html> Quando abro a ferramenta no i3geo, a janela aparece, mas a caixa de seleção dos temas não aparece... Fico no aguardo de qualquer informação, Flw!!
<script type="text/javascript" src="/dotlrn/clubs/i3geo/classesjs/i3geonaocompacto.js"></script> por <script type="text/javascript" src="/dotlrn/clubs/i3geo/pacotes/yui270/build/json/json-min.js"></script>
<script type="text/javascript" src="/dotlrn/clubs/i3geo/classesjs/i3geo.js"></script> Armazenei o HTML que eu criei para o teste em i3geo/aplicmap
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="/dotlrn/clubs/i3geo/pacotes/yui270/build/json/json-min.js"></script>
<script type="text/javascript" src="/dotlrn/clubs/i3geo/classesjs/i3geo.js"></script>
</script> </head> <body> Minha ferramenta! <p class=paragrafo ><b>Objeto JSON com os dados das camadas</b></p>
<div class=paragrafo id="objJSON" ></div>
<p class=paragrafo ><b>Itens do tema escolhido:</b></p>
<div class="paragrafo" id=CMBitens ></div>
<p class=paragrafo ><b>Valores do item do tema escolhido:</b></p>
<div class="paragrafo" id=CMBvalores ></div>
<p class=paragrafo ><b>Todos os temas:</b></p>
<div class="paragrafo" id=CMBtodos ></div> <script type="text/javascript"> i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
var g_localimg = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo/imagens"; function montaCombos(){
$i("objJSON").innerHTML = YAHOO.lang.dump(i3GEO.arvoreDeCamadas.CAMADAS);
//todos os temas
i3GEO.util.comboTemas(
"CMBtodosID",
function(retorno){
$i("CMBtodos").innerHTML = retorno.dados;
if($i("CMBtodosID")){
$i("CMBtodosID").onchange = function(){
i3GEO.mapa.ativaTema(this.value);
alert("Voce escolheu o tema: "+this.value);
montaCombosItens(this.value);
};
}
},
"CMBtodos",
"",
false,
""
);
function montaCombosItens(tema){
i3GEO.util.comboItens(
"CMBitensID",
tema,
function(retorno){
$i("CMBitens").innerHTML = retorno.dados;
$i("CMBitensID").onchange = function(){
alert("Vc escolheu: "+this.value);
i3GEO.util.comboValoresItem(
"CMBvaloresID",
tema,
this.value,
function(retorno){
$i("CMBvalores").innerHTML = retorno.dados;
$i("CMBvaloresID").onchange = function(){
alert("Vc escolheu: "+this.value);
};
},
"CMBvalores"
);
};
},
"CMBitens"
);
}
}
i3GEO.arvoreDeCamadas.finaliza = "montaCombos()";
i3GEO.cria();
i3GEO.inicia();
</script>
</body>
</html>