Preciso colocar num botão que quando passo o mouse nele ele abre uma pagina.
Tipo esse exemplo abaixo, mas preciso que quando passo o mouse ele mostra dados de uma outra pagina que criei, vou passando o mouse em alguns numeros e ele mostra o conteudo dela, pois estou pegando dados de um banco de dados.
Pergunta
PRWEBMaster
Tudo bem pessoal?
Preciso de uma ajuda de vocês.
Preciso colocar num botão que quando passo o mouse nele ele abre uma pagina.
Tipo esse exemplo abaixo, mas preciso que quando passo o mouse ele mostra dados de uma outra pagina que criei, vou passando o mouse em alguns numeros e ele mostra o conteudo dela, pois estou pegando dados de um banco de dados.
<html> <head> <script> function info(obj,titulo,conteudo){ var divPop = document.getElementById("pop"); divPop.style.display = ""; document.getElementById("popTitulo").innerHTML = titulo; document.getElementById("popConteudo").innerHTML = conteudo; divPop.style.left = obj.offsetLeft + 50; divPop.style.top = obj.offsetTop + 10; } function fechar(){ var divPop = document.getElementById("pop"); divPop.style.display = "none"; } </script> <style> #tab{ border:1px solid; } #tab td{ border:1px solid; cursor:pointer; } #pop{ width:200px; height:100px; border:1px solid gray; position:absolute; background-color:yellow; } </style> </head> <body> <table id="tab" cellspacing="0"> <tr onmouseover="info(this,'Produto 1','bla bla')" onmouseout="fechar()" > <td>Produto 1</td> </tr> <tr onmouseover="info(this,'Produto 2','bla bla 2')" onmouseout="fechar()"> <td>Produto 2</td> </tr> </table> <div id="pop" style="display:none"> <div id="popTitulo" style="background-color:#b2b2b2"> </div> <div id="popConteudo"> </div> </div> </body> </html>Muito obrigado
Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.