Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Insert

Ao clicar no link abrir a div proxima do ponteiro do mouse(quase pront

Por , em Desenvolvimento frontend

Recommended Posts

Insert    0

Insert
Postado

Pessoal, tenho este codigo que faz exibir minha div:

 

function div(opcao){	var div = document.getElementById( 'div' );	var verifica_div = opcao.substring(0,6);	if(verifica_div== "abrir"){		div_div.style.display = "block";	}else{		div_div_div.style.display = "none";	}}

Ate ai tudo bem, o problema é o seguinte, o link que tem o js pra chamar esta funcao que por usa vez faz exibir a div, esta no final da pagina, assim quando se tem muito conteudo na pagina, e clico no link para exibir a div, ela aparecer num local fixo la em cima, que expecifiquei no CSS da div.

 

Minha necessidade é que ao clicar no link a div seja exibida ou no centro da pagina nao importanto em que alteura da pagina esta, se eu estiver la no final ele exibi la no meio do final ficando visivel para min e nao la no topo que ja nao esta visivel.

 

Ou entao que seja exibida proxima do ponteiro do mouse.

 

Alguem pode me ajudar nisso por favor.?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Insert    0

Insert
Postado

Acho que voce nao entendeu.Com CSS eu ja fiz e quando eu rolo a pagina la pro final da tela ai a div aparece la no inicio da tela ento e nao vejo ela, só vejo quando eu rolo a tela para cima novamente.E o que eu preciso é que a div seja aberta onde a tela estiver em foco.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Insert    0

Insert
Postado

Pesquisando achei este aqui:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><script language="javascript">function Layer(){document.getElementById("mais").style.left  = event.x;document.getElementById("mais").style.top = event.y;  if (document.getElementById("mais").style.visibility == 'visible')  {	document.getElementById("mais").style.visibility = 'hidden';  } else				{	document.getElementById("mais").style.visibility = 'visible';}}</script></head><body><div id="mais" style="cursor: pointer; position:absolute; width:10px; height:10px; z-index:1; visibility:hidden; overflow: visible; left: 400px; top: 400px; background-color: #F0F8FF;layer-background-color: #F0F8FF; border: 1px none #000000;">teste</div><a href="#" onmouseover="Layer()" onmouseout="Layer()">Mais</a></body></html>

Mas o problema dele é que só roda no IE e no FF da a mensagem:

Erro: event is not defined

Arquivo-fonte: teste.html

Linha: 9

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito