Forum Moderators: open
<span class="popup" onClick='javascript:window.open("www.somepage.com","blank","toolbar=no,scrollbars=yes,resizable=yes,menubar=no,status=yes,")'><font size="2" color="#000080"><b>text goes here</b></font></span>
the popup class turns the cursor into a hand. What id like this link to do is turn the text into color : #FF0000 with an underline to make it work like normal html links and return to normal on mouseout. However using
onMouseOver="style.color='#FF0000';" onMouseOut="style.color='#000080;"
i cant get it to work. Is it this actually possible?
Thanks!
<style>
a.popup,
a.popup:visited
{
font-size:x-small;
font-weight:bold;
color:#000080;
}
a.popup:hover {color:#ff0000;}
</style>
..........
<a class="popup"
href = "www.somepage.com" target="blank"
onclick="window.open('www.somepage.com','blank','toolbar=no,scrollbars=yes,resizable=yes,menubar=no,status=yes,');return false;">
text goes here</a>
- href link for JS-disabled browsers
- Use CSS pseudo-classes for rollovers (no script needed)
- No <font> tags
How's about setting the width & height for the popup?
:)