Ajuda.

Question

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.

Answer 1

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

Answer 2

Desculpe a ignorancia..

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

E qual parametro q eu passo?

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

tava fazendo isso mas encontrei erro, mas acabei fazendo em AJAX

Se alguem quiser so pedir..

falow