<script type="text/javascript">
var opacitylevel = .0;
var opacitylevelIE = 00;
var opacitylevel_out = 1;
var opacitylevelIE_out = 100;
var close = false;
function mostReqInRecursive()
{
if(close)
{
document.getElementById("mod_mostrequested").style.display = "none";
close = false;
}
else
{
document.getElementById("mod_mostrequested").style.filter="alpha(opacity="+opacitylevelIE+");";
document.getElementById("mod_mostrequested").style.opacity=opacitylevel;
document.getElementById("mod_mostrequested").style.display = "block";
if(opacitylevelIE != 100)
{
document.getElementById("mod_mostrequested").style.filter="alpha(opacity="+opacitylevelIE+")";
document.getElementById("mod_mostrequested").style.opacity=opacitylevel;
opacitylevel += .05;
opacitylevelIE += 5;
window.setTimeout('mostReqInRecursive()',<?=$params->get('mostreq_speed','')?>);
} else {
close = true;
return;
}
}
}
function mostReqIn()
{
opacitylevel = .0;
opacitylevelIE = 00;
mostReqInRecursive();
}
<?
echo '<div id="mod_mostrequested" class="mod_mostrequested" style="display:none;">';
echo '<img align="right" src="/modules/mod_mostrequested/images/close.png" border=0 onclick="mostReqIn();"/>';
echo '<div style="float:left;text-align:left;min-width:150px;">';
echo '</div>';
echo '<div style="float:left;text-align:left;min-width:150px;padding-left:10px;">';
echo '</div>';
echo '</div>';
?>
Okay first things first, theirs the code (the gist of it at least). Now this code works fine, it fades in a div with some links in it (i skipped the part where the links are generated). What i want to be able to do its so that when your mouse leaves the div area, it will disappear, I cant figure out how to determine if your mouse is over the div or not, the rest i can handle probably, does anybody know of an effective way to determine if your mouse is over that div, or better yet if its not over it?
thank you,
musya
This post has been edited by musya: 01 March 2010 - 01:04 PM

New Topic/Question
Reply



MultiQuote



|