I have some web pages, on one there is a pop up box script that has this line in the script:
Code:
document.getElementById('alert_text').innerHTML = "Please log-in.";
}
On another page I have a mouseover script (below). I'd like to someohow change the pop-up to the mouseover. Can you suggest some guidance on how to accomplish this? Thanks.
Code:
<li><a class="msgclose" href="#" onmouseover="document.getElementById('popupMsg').style.display = 'block'; return false;"><img src="uploads/thumbs/[blkfeatured.thumb_string;block=div].jpg" alt="video pic" width="120" height="90" border="0" /></a></li>
<style>
.msg { display:none; position:absolute; top:300px;
left:300px; width:150px; background-color:#eeeeff; border-style:solid;
border-width:1px; padding:15px 20px 5px 20px; }
.msgclose { text-decoration:none; font-size:0.9em;
font-variant:small-caps; margin-top:10px; }
</style>
<div id="popupMsg" class="msg">
<center>
<font color="#800000">You Must First Log-In</font><br />
Thank You</center><br />
<div style="width:100%; text-align:right;">
<a class="msgclose" href="#" onmouseover="document.getElementById('popupMsg').style.display = 'none';
return false;"><font color="#800000">Close Window</font></a>
</div>
|
