galera, eu tenho o seguinte codigo abaixo que foi-me dado por um amigo de outro forum de js:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<!--- Popup Addon -->
<STYLE type="text/css">
.popper { VISIBILITY: hidden; POSITION: absolute }
</STYLE>
<!-- Fim Popup-->
</head>
<body>
<DIV class="popper" id="topdeck"></DIV>
<!---------------- Popup Layer e JavaScript ------------------------->
<script>
/*
JavaScript original info:
Pop up information box II
By Mike McGrath (mike_mcgrath@lineone.net, http://website.lineone.net/~mike_mcgrath)
*/
var nav = (document.layers);
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function pop(msg,bak,tit)
{
var content ="<TABLE WIDTH=130 BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=#666666>";
content += "<TR><TD>";
content += "<TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 ";
content += "BGCOLOR="+bak+"><TR><TD bgcolor='#FFFFFF'><FONT COLOR=#000000 ";
content += "face='Verdana, Arial' SIZE=1><CENTER>"+msg+"</CENTER>";
content += "</FONT></TD></TR></TABLE>";
content += "</TD></TR></TABLE>";
if (nav)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function get_mouse(e)
{
//var xN = (nav) ? e.pageX : event.x+document.body.scrollLeft;
//var yN = (nav) ? e.pageY : event.y+document.body.scrollTop;
//skn.left = x - 60;
//skn.top = y + 20;
skn.top=600; // altura que ele vai aparecer
skn.left= 860; //largura que ele vai aparecer
}
function kill()
{
skn.visibility = "hidden";
document.all("topdeck").innerHTML="";
}
</SCRIPT>
<br>
<br>
<br>
<br>
<a href="#" onMouseOver="pop('Alloooowww','#0066CC','')" onMouseOut="kill()">Djalma Ribeiro</a><br />
<a href="#" onMouseOver="pop('Alloooowww','#0066CC','')" onMouseOut="kill()">Djalma Ribeiro</a><br />
</body>
</html>
o que isso faz?
simples, uma tooltip que fica no canto inferior direito da tela do usuário...
mas tipo, eu keria saber agora o seguinte...
eu vou complicar só mais um pouquinho!!! heheh
tipo, ou invés de ser em uma função(o texto que for aparecer na tooltip), tem como ser no title da tag a?
e um pouquinho mais...
tem como, ao passar o mouse(onmouseover), e dai quando for abrir a tooltip, ela abrir tipo, esfarelando, e quando for tirar o mouse(onmouseout), ela sair desfarelando também?
desfarelando, desfazendo... sabe?!
ps.: ah, lembrei, não era pra por fixo na direita não!
era pra por o left:0, e bottom:0... fixo...
EDIT: ah sim, também tem como ele ter um tempo pra sumir(desfarelando... 8-) )?
Pergunta
MadPatryk
galera, eu tenho o seguinte codigo abaixo que foi-me dado por um amigo de outro forum de js:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <!--- Popup Addon --> <STYLE type="text/css"> .popper { VISIBILITY: hidden; POSITION: absolute } </STYLE> <!-- Fim Popup--> </head> <body> <DIV class="popper" id="topdeck"></DIV> <!---------------- Popup Layer e JavaScript -------------------------> <script> /* JavaScript original info: Pop up information box II By Mike McGrath (mike_mcgrath@lineone.net, http://website.lineone.net/~mike_mcgrath) */ var nav = (document.layers); var iex = (document.all); var skn = (nav) ? document.topdeck : topdeck.style; if (nav) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = get_mouse; function pop(msg,bak,tit) { var content ="<TABLE WIDTH=130 BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=#666666>"; content += "<TR><TD>"; content += "<TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 "; content += "BGCOLOR="+bak+"><TR><TD bgcolor='#FFFFFF'><FONT COLOR=#000000 "; content += "face='Verdana, Arial' SIZE=1><CENTER>"+msg+"</CENTER>"; content += "</FONT></TD></TR></TABLE>"; content += "</TD></TR></TABLE>"; if (nav) { skn.document.write(content); skn.document.close(); skn.visibility = "visible"; } else if (iex) { document.all("topdeck").innerHTML = content; skn.visibility = "visible"; } } function get_mouse(e) { //var xN = (nav) ? e.pageX : event.x+document.body.scrollLeft; //var yN = (nav) ? e.pageY : event.y+document.body.scrollTop; //skn.left = x - 60; //skn.top = y + 20; skn.top=600; // altura que ele vai aparecer skn.left= 860; //largura que ele vai aparecer } function kill() { skn.visibility = "hidden"; document.all("topdeck").innerHTML=""; } </SCRIPT> <br> <br> <br> <br> <a href="#" onMouseOver="pop('Alloooowww','#0066CC','')" onMouseOut="kill()">Djalma Ribeiro</a><br /> <a href="#" onMouseOver="pop('Alloooowww','#0066CC','')" onMouseOut="kill()">Djalma Ribeiro</a><br /> </body> </html>o que isso faz?
simples, uma tooltip que fica no canto inferior direito da tela do usuário...
mas tipo, eu keria saber agora o seguinte...
eu vou complicar só mais um pouquinho!!! heheh
tipo, ou invés de ser em uma função(o texto que for aparecer na tooltip), tem como ser no title da tag a?
e um pouquinho mais...
tem como, ao passar o mouse(onmouseover), e dai quando for abrir a tooltip, ela abrir tipo, esfarelando, e quando for tirar o mouse(onmouseout), ela sair desfarelando também?
desfarelando, desfazendo... sabe?!
ps.: ah, lembrei, não era pra por fixo na direita não!
era pra por o left:0, e bottom:0... fixo...
EDIT: ah sim, também tem como ele ter um tempo pra sumir(desfarelando... 8-) )?
valeu!
Link para o comentário
Compartilhar em outros sites
1 resposta 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.