diff --git a/classesjs/classe_barradebotoes.js b/classesjs/classe_barradebotoes.js index 852e796..94b6d14 100644 --- a/classesjs/classe_barradebotoes.js +++ b/classesjs/classe_barradebotoes.js @@ -11,7 +11,7 @@ Exemplo: Para alterar as opções modifique as propriedades colocando um código como o seguinte no javascript utilizado na interface de mapa que estiver sendo utilizada - i3GEO.barraDeBotoes.tipo = "olhodepeixe"; + i3GEO.barraDeBotoes.tipo = "olhodepeixe1"; Arquivo: @@ -61,14 +61,18 @@ i3GEO.barraDeBotoes = { Tipo de barra. Por padrão, utiliza a biblioteca YUI para construir a barra, opcionalmente pode-se utilizar outro tipo. + + Se for utilizado o padrão YUI e os elementos para compor a barra não forem encontrados, a barra não será criada. - O tipo emlinha insere os botões em um elemento html qualquer já existente na página. Nesse caso a barra + O tipo emlinha insere os botões em um elemento html qualquer já existente na página. Nesse caso a barra não é iniciada automaticamente, sendo necessário usar a função - i3GEO.barraDeBotoes.inicializaBarra("","",false,0,0,onde) + i3GEO.barraDeBotoes.inicializaBarra("","",false,0,0,onde) - Caso o parâmetro "onde" seja omitido ou o o elemento HTML com esse ID não for encontrado, será criado um elemento do tipo DIV - no contexto do mapa + Caso o parâmetro "onde" seja omitido ou o o elemento HTML com esse ID não for encontrado, será + criado um elemento do tipo DIV no contexto do mapa. + + Se você quer usar a barra do tipo olho de peixe e seu mapa tiver tamanho fixo, utilize o tipo "olhodepeixe1" Tipo: {string} @@ -77,7 +81,7 @@ i3GEO.barraDeBotoes = { {yui} Valores: - {"yui","olhodepeixe","emlinha"} + {"yui","olhodepeixe","olhodepeixe1","emlinha"} */ TIPO: "yui", /* @@ -112,7 +116,7 @@ i3GEO.barraDeBotoes = { /* Propriedade: MAXBOTOES - Número de botões iniciais (válido apenas para o tipo "olhodepeixe") + Número de botões iniciais (válido apenas para o tipo olhodepeixe) Se for 0, todos os botões serão mostrados @@ -138,7 +142,7 @@ i3GEO.barraDeBotoes = { /* Propriedade: ORIENTACAO - Orientação vertical ou horizontal da barra (não se aplica ao tipo "olhodepeixe" + Orientação vertical ou horizontal da barra (não se aplica ao tipo olhodepeixe) Tipo: {string} @@ -401,7 +405,7 @@ i3GEO.barraDeBotoes = { Ícones utilizados em cada um dos botões da barra. - Esses ícones são utilizados apenas se i3GEO.barraDeBotoes.TIPO = "olhodepeixe". Para cada elemento existente em + Esses ícones são utilizados apenas se i3GEO.barraDeBotoes.TIPO = "olhodepeixe" e "olhodepeixe1". Para cada elemento existente em i3GEO.barraDeBotoes.INCLUIBOTAO deve existir um elemento nesse objeto. A chave de cada elemento é a mesma do objeto INCLUIBOTAO. O endereço da imagem será complementado pelo i3geo, adicionando no início da string o valor da variável i3GEO.configura.locaplic @@ -818,12 +822,14 @@ i3GEO.barraDeBotoes = { /* Function: inicializaBarraOP - Inicializa a barra de botões quando for do tipo "olhodepeixe" + Inicializa a barra de botões quando for do tipo "olhodepeixe" ou "olhodepeixe1" O objeto euEnv armazena todas as características da barra + + "olhodepeixe1" substitui a antiga "olhodepeixe" e nao precisa de ajustes de posicionamento */ - inicializaBarraOP: function(){ + inicializaBarraOP: function(onde){ if(i3GEO.barraDeBotoes.ATIVA === false || !$i(i3GEO.Interface.IDCORPO)){ return; } @@ -852,7 +858,7 @@ i3GEO.barraDeBotoes = { dica, titulo, i, - dock = new euDock(), + dock = new euDock(onde), temp = "dockBg-r.png", tempAjuda = "dockBg-l.png", chaves = i3GEO.util.listaChaves(i3GEO.barraDeBotoes.INCLUIBOTAO), @@ -864,7 +870,12 @@ i3GEO.barraDeBotoes = { dock.setObjectAlign(i3GEO.Interface.IDCORPO,euUP, (i3GEO.parametros.h)*1 + i3GEO.barraDeBotoes.OFFSET,euDOWN); } else{ - dock.setObjectAlign(i3GEO.Interface.IDCORPO,euDOWN,(parseInt(document.body.style.height,10))*-1 + i3GEO.barraDeBotoes.OFFSET,euUP); + if(onde){ + dock.setObjectAlign(i3GEO.Interface.IDCORPO,euDOWN,i3GEO.barraDeBotoes.OFFSET,euUP); + } + else{ + dock.setObjectAlign(i3GEO.Interface.IDCORPO,euDOWN,(parseInt(document.body.style.height,10))*-1 + i3GEO.barraDeBotoes.OFFSET,euUP); + } } if(i3GEO.barraDeBotoes.MAXBOTOES >= chaves.length){ temp = "vazio.png"; @@ -1019,8 +1030,13 @@ i3GEO.barraDeBotoes = { if (i3GEO.configura.map3d === ""){ i3GEO.barraDeBotoes.INCLUIBOTAO.v3d = false; } - if(i3GEO.barraDeBotoes.TIPO === "olhodepeixe"){ - i3GEO.barraDeBotoes.inicializaBarraOP(); + if(i3GEO.barraDeBotoes.TIPO === "olhodepeixe" || i3GEO.barraDeBotoes.TIPO === "olhodepeixe1"){ + if(i3GEO.barraDeBotoes.TIPO === "olhodepeixe1" && $i(i3GEO.Interface.IDMAPA)){ + i3GEO.barraDeBotoes.inicializaBarraOP($i(i3GEO.Interface.IDMAPA)); + } + else{ + i3GEO.barraDeBotoes.inicializaBarraOP(); + } } else{ if(this.TEMPLATEBOTAO === "" && i3GEO.Interface.TABLET === false){ @@ -1519,7 +1535,7 @@ i3GEO.barraDeBotoes = { balloonAjuda.cleanup(); balloonIsVisible = false; //alert(mensagem); - if(i3GEO.barraDeBotoes.TIPO === "olhodepeixe") + if(i3GEO.barraDeBotoes.TIPO === "olhodepeixe" || i3GEO.barraDeBotoes.TIPO === "olhodepeixe1") {balloonAjuda.showTooltip(objeto,mensagem,null,null,null,pos[0],pos[1]-40);} else {balloonAjuda.showTooltip(objeto,mensagem,null,null,null,pos[0]+12,pos[1]);} diff --git a/classesjs/classe_interface.js b/classesjs/classe_interface.js index b8173d6..6bddc4d 100644 --- a/classesjs/classe_interface.js +++ b/classesjs/classe_interface.js @@ -461,7 +461,7 @@ i3GEO.Interface = { */ ativaBotoes : function() { if (i3GEO.Interface.STATUS.trocando === false) { - if (i3GEO.barraDeBotoes.TIPO === "olhodepeixe") { + if (i3GEO.barraDeBotoes.TIPO === "olhodepeixe" || i3GEO.barraDeBotoes.TIPO === "olhodepeixe1") { i3GEO.barraDeBotoes.inicializaBarra(); } else if (i3GEO.barraDeBotoes.TIPO === "yui") { i3GEO.Interface[i3GEO.Interface.ATUAL].ativaBotoes(); diff --git a/exemplos/barraemlinha2.htm b/exemplos/barraemlinha2.htm index 3d9dc33..aaa6dbe 100644 --- a/exemplos/barraemlinha2.htm +++ b/exemplos/barraemlinha2.htm @@ -125,27 +125,28 @@ + + + +
+