I have a hyperlink and whenever I do a mouse over it should show other www.abc.com page.
Eg: <a href="www.xyz.com">Title</a>, on mouse over it should show www.abc.com page. '
I appreciate your response. Either jquery or javascript solution is fine.
Thanks.
In html:
<a href="www.xyz.com" title="www.abc.com page">Title</a>
By jQuery:
$("a[href=www.xyz.com]").attr("title", "www.abc.com page");
By JavaScript (linkElement should be gotten previously):
linkElement.title = "www.abc.com page";
you can try this
Jquery:
function Tip()
{
var s = $('[id*=myanchor]').attr('href');
$('[id*=mydiv]').empty();
$('[id*=mydiv]').append(s);
}
function Untip()
{
$('[id*=mydiv]').empty();
}
css :
a.tooltip div {display:none; padding:10px 3px; margin-left:18px; width:130px;}
a.tooltip:hover div{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}
your anchor Tag should be like this :
<a href="www.google.com" class="tooltip" id="myanchor" onmouseover="Tip();" onmouseout="Untip()">Title<div id="mydiv" style="background-color:Black;color:White;text-align:left !important; width:auto;height:auto;"></div></a>
