none
Ajuda. RRS feed

  • Pergunta

  • Fiz um menu e queria saber se tem como fazer algo do tipo de quando colocar o mouse em cima aparecer em um label talvez a descrição sobre o link..

    Fiz o menu com Css e JS, mas aceito sugestões.

    sexta-feira, 19 de janeiro de 2007 16:39

Todas as Respostas

  • Daniel,

    Uma solução seria vc criar um array com as descrições e um div e mostrar esse div no evento mouseover do menu, algo assim:

    //variveis globais
    var isNav4, x, y;

    //Array global
    Array arDesc = new Array();
    arDesc[0] = 'teste 0';
    arDesc[1] = 'teste 1';
    arDesc[2] = 'teste 2';
    arDesc[3] = 'teste 3';


    if (navigator.appName=="Netscape") {
     isNav4 = (parseInt(navigator.appVersion.charAt(0))==4);
    }

    //funcao para capturar posicao do mouse
    function handlerMouse(e){
     x = (isNav) ? e.pageX : event.clientX;
     y = (isNav) ? e.pageY : event.clientY;
    }
    if (isNav){document.captureEvents(Event.MOUSEMOVE);}
    document.onmousemove = handlerMouse;


    function Exibe(index){
      document.getElementById('id do div').display = 'inline';
      document.getElementById('id do div') .pixelTop = y;
      document.getElementById('id do div') .pixelLeft = x;
      document.getElementById('id do div') .pixelWidth = 200;
      document.getElementById('id do div') .pixelHeight = 100;
      document.getElementById('id do div').innerHTML = arDesc[index];
    }

    function Esconde(){
      document.getElementById('id do div').display = 'none';
    }


    Isso deve te ajudar talves tenha que alterar algo mais ja da pra ter uma boa noção.



    Espero ter ajudado,
    Se o post foi útil qualifique para o bom andamento do forúm.

    []'s

    sexta-feira, 19 de janeiro de 2007 17:32
  • Desculpe a ignorancia..

    Mas como eu faço pra chamar essas funcçoes ai..

    E qual parametro q eu passo?

    segunda-feira, 22 de janeiro de 2007 16:25
  • Daniel,

    Vc cria a função como eu mostrei pra chamar vc adiciona esse comando no seu link:
    onmouseover="Exibir(index);" onmouseout="esconder();"

    Sabendo que onde esta escrito index vai ser um inteiro referente ao index do array q vc criou, por exemplo se vc colocou assim no seu array:
    ar[1] = "descrição menu 1"

    entao pra mostrar isso chame assim Exibir(1).



    Espero ter ajudado.
    se o post foi útil qualifique-o


    []'s
    segunda-feira, 22 de janeiro de 2007 18:10
  • Daniel,


    no evento onmouseouver do seu link  coloque Exibir(index); e no evento onmouseout();
    sabendo que index é o index do array exemplo:

    ar[0] = "descrição 0";
    ar[1] = "descrição 1";

    pra mostrar a frase "descrição 1" temos q chamar o metodo assim: Exibir(1);

    Dê uma lida no post anterior.


    Espero ter ajudado.


    []'s
    segunda-feira, 22 de janeiro de 2007 19:40
  • Daniel,


    no evento onmouseouver do seu link  coloque Exibir(index); e no evento onmouseout();
    sabendo que index é o index do array exemplo:

    ar[0] = "descrição 0";
    ar[1] = "descrição 1";

    pra mostrar a frase "descrição 1" temos q chamar o metodo assim: Exibir(1);

    Dê uma lida no post anterior.


    Espero ter ajudado.


    []'s
    segunda-feira, 22 de janeiro de 2007 19:40
  • tava fazendo isso mas encontrei erro, mas acabei fazendo em AJAX

    Se alguem quiser so pedir..

    falow

    terça-feira, 23 de janeiro de 2007 17:59