/* * Desenvolvido: Rodrigo A. * Data: 30/01/2004 * Alterado: Raul de Mello Rodrigues Neto * Rev.: 1.1 - 04/03/2004 */ //Variaveis gerais var link_site = ""; var timeout; var timeout_sub; var time_fechar; var cor_deselec = ""; var cor_deselecT = ""; var item_selec = ""; var item_selec_sub = ""; var ImgSelec = link_site + "/imagens/menu_barrasub_sel.gif" //Seleciona Imagem de fundo quando selecionada var ImgDeSelec = link_site + "/imagens/menu_barrasub.gif" //Seleciona Imagem de fundo var item_selec_subsub = ""; var final = false; // Indica o final da criação do menu var b_navComp; // Indica a compatibilidade do browser com o recurso de fade var tempo_fade = 1; // Tempo de espera para incrementar o fade var incremento = 800; // Quanto vai ser incrementado em cada passagem do fade var tempo_fechar = 350; // Tempo para fechar o menu var atual = 0; // Menu exibido atualmente var atual_sub = 0; // Submenu exibido atualmente var atual_subsub = 0; // Submenu do submenu exibido atualmente /*--itMenu * Cria o objeto menu * Parametros: * 0 - Habilita/Desabilita o efeito de fade */ itMenu = function(){ //------------------------Propriedades privadas var arr_menu = new Array(); // Array com menus e seus itens var arr_pMenu = new Array(); // Array com os parametros dos menus var arr_sub = new Array(); // Array com submenus e seus itens var arr_pSub = new Array(); // Array com os parametros dos submenus var arr_item = new Array(); // Array com os itens var obj = this; // Faz referencia a instancia desta classe em tempo de execução b_navComp = ((navigator.appVersion.indexOf("MSIE 6.0") != -1 || navigator.appVersion.indexOf("MSIE 5.5") != -1))?true:false; // Testa se é IE 6 ou 5.5 if(b_navComp&&(navigator.userAgent.indexOf("Opera") != -1)) //Desabilitar para o navegador Opera b_navComp = false; if(arguments.length > 0 && b_navComp) { b_navComp = Boolean(arguments[0]); } //------------------------Metodos publicos /*--newMenu * Cria um novo menu * Retorna um identificador deste menu * Parametros: * 0 - Posicao X do menu * 1 - Posicao Y do menu * 2 - Largura do menu */ newMenu = function(){ arr_menu.push(new Array()); arr_pMenu.push(new Array(arguments[0],arguments[1],arguments[2])); return arr_menu.length-1; } /*--newSub * Cria um novo submenu * Retorna um identificador deste submenu * 0 - Menu que vai receber este submenu (obrigatório) * 1 - Texto a ser exibido (obrigatório) * 2 - Largura do submenu */ newSub = function(){ if(arguments.length >= 2){ arr_sub.push(new Array()); arr_item.push(new Array(arguments[1],"","",arr_sub.length + 999)); if(arguments[0]<1000){ arr_menu[arguments[0]].push(arr_item.length-1); arr_pSub.push(new Array(String(arguments[2]),true)); } else{ arr_sub[arguments[0]-1001].push(arr_item.length-1); arr_pSub.push(new Array(String(arguments[2]),false)); } return arr_sub.length + 1000; // Soma 1000 para identicar como submenu } } /*--addItem * Adiciona um novo item a um determinado menu ou submenu * Retorna verdadeiro ou falso quanto ao sucesso da adição * Parametros: * 0 - Identicador do menu(submenu) a receber este item (obrigatório) * 1 - Texto a ser exibido (obrigatório) * 2 - URL a ser chamada (opcional) * 3 - Target a ser utilizado quando da existencia do parametro 2 (opcional, padrão _self) */ addItem = function(){ var id_menu; var nome; var url; var target; var Selecionado; if(arguments.length <= 1){ return false; } else if(arguments.length == 2){ id_menu = arguments[0]; nome = arguments[1]; url = ""; target = ""; Selecionado = false; } else if(arguments.length == 3){ id_menu = arguments[0]; nome = arguments[1]; url = arguments[2]; target = "_self"; Selecionado = false; } else if(arguments.length == 4){ id_menu = Number(arguments[0]); nome = arguments[1]; url = arguments[2]; target = arguments[3]; Selecionado = false; } else if(arguments.length == 5){ id_menu = Number(arguments[0]); nome = arguments[1]; url = arguments[2]; target = arguments[3]; Selecionado = arguments[4]; } if(id_menu >= 1000){ id_menu -= 1000; arr_item.push(new Array(nome,url,target,false,Selecionado)); arr_sub[id_menu-1].push(arr_item.length-1); } else{ arr_item.push(new Array(nome,url,target,false,Selecionado)); arr_menu[id_menu].push(arr_item.length-1); } return true; } /*--create * Cria todos os menus * Sem retorno * Parametros: * 00 - Fade (0/1) * 01 - Cor da sombra * 02 - Tam. da sombra * 03 - Altura das células * 04 - Cor da celula quando normal * 05 - Tamanha da borda em pixels * 06 - Cor da borda * 07 - Cor do texto quando normal * 08 - Cor do texto quando selecionado * 09 - Nome da fonte do texto * 10 - Tamanho da fonte do texto em pixels * 11 - Define se o texto deve ser negrito (0/1) * 12 - Define se o texto deve ser italico (0/1) * 13 - Cor da celula quando selecionada */ create = function(b_Fade,s_corSombra,n_tamSombra,n_altMenu,s_corMenu,n_bordaMenu,s_corBorda,s_corTextoN,s_corTextoS,s_fonteTexto,n_fonteTexto,b_textoNegrito,b_textoItalico,s_corCelula){ //Cria os layers de cada menu for(i=0; i < arr_menu.length; i++){ b_navComp = b_navComp & b_Fade; if(b_navComp && b_Fade) str = "
"; //Com fade else str = "
"; // Sem fade str += ""; //border:"+n_bordaMenu+"px solid "+s_corBorda+"; //Coloca o conteúdo dos menus e submenus for(j = 0; j < arr_menu[i].length; j++){ id_menu = arr_menu[i][j]; //raul if(arr_item[id_menu][4]){ //str += "";} //Link normal str += "";} //Link normal //if(arr_item[id_menu][3]){ //str += "";} //Link para submenu else{ //str += "";} //Link normal if (ImgDeSelec == ''){ str += ""; } //Link normal else{ str += ""; } //Link normal } } str += "
 " + arr_item[id_menu][0] + "
 
"; str +=""; document.write(str); } for(i=0; i < arr_sub.length; i++){ if(b_navComp && b_Fade) str = "
"; //Com fade else str = "
"; // Sem fade str += ""; for(j = 0; j < arr_sub[i].length; j++){ id_sub = arr_sub[i][j]; if(arr_item[id_sub][3]) str += ""; //Link para submenu else if(arr_pSub[i][1]) str += ""; //Link normal else str += ""; //Link normal } str += "
 " + arr_item[id_sub][0] + "
"; document.write(str); } final = true; } this.newMenu = newMenu; this.addItem = addItem; this.newSub = newSub; this.create = create; } /********************************************************** *********************************************************** *********************************************************** **********************************************************/ // Selecione o item de menu sob o mouse function selec(td,cor_celula,cor_texto){ deselec(item_selec); //cor_deselec = td.style.backgroundColor; if(td.children.tags('DIV')[0].children.tags('A')[0] != undefined) { cor_deselecT = td.children.tags('DIV')[0].children.tags('A')[0].style.color; td.children.tags('DIV')[0].children.tags('A')[0].style.color = cor_texto; } else{ cor_deselecT = td.children.tags('DIV')[0].style.color; td.children.tags('DIV')[0].style.color = cor_texto; td.parentElement.children.tags('TD')[1].children.tags('IMG')[0].src = "imagens\\seta_2.gif"; } //td.style.backgroundColor = cor_celula; //raul seleciona a img de fundo if (ImgSelec!=''){td.background=ImgSelec;} //if (ImgSelec!=''){td.style.backgroundImage= "url(" + ImgSelec + ")";} //td.parentElement.children.tags('TD')[1].style.backgroundColor = cor_celula; item_selec = td; } // Selecione o item de menu sob o mouse function selec_sub(td,cor_celula,cor_texto){ deselec(item_selec_sub); //cor_deselec_sub = td.style.backgroundColor; if(td.children.tags('DIV')[0].children.tags('A')[0] != undefined){ cor_deselecT = td.children.tags('DIV')[0].children.tags('A')[0].style.color; // cor do texto marcado td.children.tags('DIV')[0].children.tags('A')[0].style.color = cor_texto; } else{ cor_deselecT = td.children.tags('DIV')[0].style.color; td.children.tags('DIV')[0].style.color = cor_texto; td.parentElement.children.tags('TD')[1].children.tags('IMG')[0].src = "imagens\\seta_2.gif"; } //td.style.backgroundColor = cor_celula; //td.parentElement.children.tags('TD')[1].style.backgroundColor = cor_celula; item_selec_sub = td; } // Deseleciona o item de menu sob o mouse function deselec(td){ if (td!=""){ // cor da primeira celula desmarcada //td.style.backgroundColor = cor_deselec; // cor da segunda celula desmarcada //td.parentElement.children.tags('TD')[1].style.backgroundColor = cor_deselec; //if (ImgDeSelec!=''){td.style.backgroundImage= "url(" + ImgDeSelec + ")";} if (ImgDeSelec!=''){td.background= ImgDeSelec;} if(td.children.tags('DIV')[0].children.tags('A')[0] != undefined) // cor do texto desmarcado (sem submenu) td.children.tags('DIV')[0].children.tags('A')[0].style.color = cor_deselecT; else{ // cor do texto desmarcado (com submenu) //td.children.tags('DIV')[0].style.color = cor_deselecT; if(td.parentElement.children.tags('TD')[1] != undefined) // img seta desmarcada td.parentElement.children.tags('TD')[1].children.tags('IMG')[0].src = "imagens\\seta_1.gif"; } } } // Ocultar o menu aberto function hide(){ if(final){ ifdiv = document.getElementById('iframediv');//para fazer o menu passar por cima das combos hidesub(); deselec(item_selec); clearTimeout(timeout); // Para de fazer o fade dos menus caso algum não tenha terminado if(b_navComp){ // Zera o valor do fade document.all['menu'+atual].filters.item('DXImageTransform.Microsoft.Alpha').opacity = 0; document.all['menu'+atual].filters.item('DXImageTransform.Microsoft.Alpha').finishopacity = 0; document.all['menu'+atual_sub].filters.item('DXImageTransform.Microsoft.Alpha').opacity = 0; document.all['menu'+atual_sub].filters.item('DXImageTransform.Microsoft.Alpha').finishopacity = 0; } // Oculta os menus e submenus, para que as suas ações de onMouse parem de responder document.all['menu'+atual_sub].style.visibility = 'hidden'; document.all['menu'+atual].style.visibility = 'hidden'; ifdiv.style.display = "none"; //para fazer o menu passar por cima das combos atual = 0; // Nenhum menu selecionado atualmente atual_sub = 0; // Nenhum menu selecionado atualmente } } // Oculta o submenu aberto function hidesub(){ if(final){ hidesubsub(); deselec(item_selec_sub); clearTimeout(timeout_sub); // Para de fazer o fade dos submenus caso algum não tenha terminado if(atual_sub != 0){ if(b_navComp){ document.all['menu'+atual_sub].filters.item('DXImageTransform.Microsoft.Alpha').opacity = 0; // Zera o valor do fade document.all['menu'+atual_sub].filters.item('DXImageTransform.Microsoft.Alpha').finishopacity = 0; // Zera o valor do fade } document.all['menu'+atual_sub].style.visibility = 'hidden'; // Oculta o menu, para que as suas ações de onMouse parem de responder } atual_sub = 0; // Nenhum menu selecionado atualmente } } // Oculta o submenu do submenu aberto function hidesubsub(){ if(final){ deselec(item_selec_subsub); //clearTimeout(timeout_subsub); // Para de fazer o fade dos submenus caso algum não tenha terminado if(atual_subsub != 0){ if(b_navComp){ document.all['menu'+atual_subsub].filters.item('DXImageTransform.Microsoft.Alpha').opacity = 0; // Zera o valor do fade document.all['menu'+atual_subsub].filters.item('DXImageTransform.Microsoft.Alpha').finishopacity = 0; // Zera o valor do fade } document.all['menu'+atual_subsub].style.visibility = 'hidden'; // Oculta o menu, para que as suas ações de onMouse parem de responder } atual_subsub = 0; // Nenhum menu selecionado atualmente } } // Inicia o fade com a primeira metade do menu function fade_inic(obj){ document.all[obj].filters.item('DXImageTransform.Microsoft.Alpha').opacity += incremento; //Incrementa o fade if(document.all[obj].filters.item('DXImageTransform.Microsoft.Alpha').opacity >= 100){ clearTimeout(timeout); // Para o loop timeout = setTimeout("fade_fim('"+obj+"')", tempo_fade); // Chama a função para o fade da segunda metade }else{ timeout = setTimeout("fade_inic('"+obj+"')", tempo_fade); // Loop } } // Inicia o fade com a segunda metade do menu function fade_fim(obj){ document.all[obj].filters.item('DXImageTransform.Microsoft.Alpha').finishopacity += incremento; if(document.all[obj].filters.item('DXImageTransform.Microsoft.Alpha').finishopacity < 100){ timeout = setTimeout("fade_fim('"+obj+"')", tempo_fade); }else{ clearTimeout(timeout); } } // Inicia o fade de fechar com a primeira metade do menu function fechar_inic(obj,sub){ if(!sub) hidesub(); document.all[obj].filters.item('DXImageTransform.Microsoft.Alpha').opacity -= incremento; if(document.all[obj].filters.item('DXImageTransform.Microsoft.Alpha').opacity <= 0){ clearTimeout(timeout); timeout = setTimeout("fechar_fim('"+obj+"',"+sub+")", tempo_fade); }else{ timeout = setTimeout("fechar_inic('"+obj+"',"+sub+")", tempo_fade); } } // Inicia o fade de fechar com a segunda metade do menu function fechar_fim(obj,sub){ document.all[obj].filters.item('DXImageTransform.Microsoft.Alpha').finishopacity -= incremento; if(document.all[obj].filters.item('DXImageTransform.Microsoft.Alpha').finishopacity > 0){ timeout = setTimeout("fechar_fim('"+obj+"',"+sub+")", tempo_fade); }else{ clearTimeout(timeout); document.all[obj].style.visibility = 'hidden'; deselec(item_selec); if(sub){ fechar_inic("menu"+atual,false); } } } //Exibe menu function show(i){ ifdiv = document.getElementById('iframediv'); //para fazer o menu passar por cima das combos clearTimeout(time_fechar); //alert(i); if(final && document.all['menu'+i].style.visibility != 'visible'){ hide(); // Oculta o menu atual atual = i; // Seta o menu atual //raul menu busca posição if (navigator.appVersion.indexOf("MSIE 6.0") != -1) { document.all['menu'+i].style.top=(document.all['td'+i].offsetTop + document.all['td'+i].height + 5) + 'px'; //alert(document.all['td'+i].offsetLeft); //alert(window.document.body.clientWidth); if ((document.all['td'+i].offsetLeft + 210) > window.document.body.clientWidth) { document.all['menu'+i].style.left= (document.all['td'+i].offsetLeft - 140); } else { document.all['menu'+i].style.left=document.all['td'+i].offsetLeft-1; } }else { document.all['menu'+i].style.top=(document.all['td'+i].offsetTop + document.all['td'+i].height + 2) + 'px'; document.all['menu'+i].style.left=document.all['td'+i].offsetLeft-3; } // Seta o menu como visible, mas ele não será exibido ainda document.all['menu'+i].style.visibility = 'visible'; //para fazer o menu passar por cima das combos ifdiv.style.width = document.all['menu'+i].offsetWidth - 2; ifdiv.style.height = document.all['menu'+i].offsetHeight - 2; ifdiv.style.top = document.all['menu'+i].style.top; ifdiv.style.left = document.all['menu'+i].style.left; ifdiv.style.zIndex = document.all['menu'+i].style.zIndex - 1; ifdiv.style.display = "block"; //alert(document.all['td'+i].offsetLeft); //|| navigator.appVersion.indexOf("MSIE 5.5") != -1)) /// fim raul if(b_navComp) fade_inic('menu'+i); // Inicia o fade para exibir o menu } } //Exibe um determinado submenu function showsub(i,x,y,w){ clearTimeout(time_fechar); if(final && document.all['menu'+i].style.visibility != 'visible'){ hidesub(); // Oculta o menu atual atual_sub = i; // Seta o menu atual if(document.body.offsetWidth > x + w + Number(document.all['menu'+i].width)) document.all['menu'+i].style.left = x + w - 3; else document.all['menu'+i].style.left = x - document.all['menu'+i].width + 3; document.all['menu'+i].style.top = y;// Linha 369 document.all['menu'+i].style.visibility = 'visible'; // Seta o menu como visible, mas ele não será exibido ainda if(b_navComp) fade_inic('menu'+i); // Inicia o fade para exibir o menu } } //Exibe um determinado submenu do submenu (fdp) function showsubsub(i,obj,w,y){ var x = (obj.parentElement.parentElement.parentElement.parentElement.style.left); var x = x.substring(0,x.length-2); clearTimeout(time_fechar); if(final && document.all['menu'+i].style.visibility != 'visible'){ hidesubsub(); // Oculta o menu atual atual_subsub = i; // Seta o menu atual if(document.body.offsetWidth > ((Number(x)*2) + Number(w))) document.all['menu'+i].style.left = Number(x) + Number(w) - 3; else document.all['menu'+i].style.left = x - w + 3; document.all['menu'+i].style.top = y; document.all['menu'+i].style.visibility = 'visible'; // Seta o menu como visible, mas ele não será exibido ainda if(b_navComp) fade_inic('menu'+i); // Inicia o fade para exibir o menu } } //Fecha um determinado menu function fechar(i){ if(final){ if(b_navComp) // Aguarde o tempo determinado em 'tempo_fechar' antes de fechar o menu time_fechar = setTimeout("fechar_inic('menu"+i+"',false)",tempo_fechar); else // Aguarde o tempo determinado em 'tempo_fechar' antes de fechar o menu time_fechar = setTimeout("hide()",tempo_fechar); } } //Fecha um determinado menu function fecharsub(i){ if(final){ if(b_navComp) // Aguarde o tempo determinado em 'tempo_fechar' antes de fechar o menu time_fechar = setTimeout("fechar_inic('menu"+i+"',true)",tempo_fechar); else // Aguarde o tempo determinado em 'tempo_fechar' antes de fechar o menu time_fechar = setTimeout("hidesub()",tempo_fechar); } } function go(src){ if(event.srcElement.tagName=='TD' || event.srcElement.tagName=='DIV'){ src.children.tags('DIV')[0].children.tags('A')[0].click(); hide(); } } //------------------- Altere os parâmetros abaixo para configurar o menu ------------------- function cria_menu(){ // Parametros do método create v00 = 0; // 00 - Define se o menu deve ter o efeito de fade (0/1) v01 = "#888888"; // 01 - Cor da sombra v02 = 4; // 02 - Tam. da sombra v03 = 25; // 03 - Altura das células v04 = "#ffffff" // 04 - Cor da celula quando normal v05 = 1; // 05 - Tamanho da borda em pixels v06 = "#000000"; // 06 - Cor da borda v07 = "#125F3D"; // 07 - Cor do texto quando normal v08 = "#125F3D"; // 08 - Cor do texto quando selecionado v09 = "Verdana, Helvetica, sans-serif"; // 09 - Nome da fonte do texto v10 = "11"; // 10 - Tamanho da fonte do texto em pixels v11 = 1; // 11 - Define se o texto deve ser negrito (0/1) v12 = 0; // 12 - Define se o texto deve ser italico (0/1) v13 = "#ffffff"; // 13 - Cor da celula quando selecionada menu.create(v00,v01,v02,v03,v04,v05,v06,v07,v08,v09,v10,v11,v12,v13); } //--------------------------------------------------------------------------------------------------------------------//