SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have a hyperlink and whenever I do a mouse over it should show other page. Eg: <a href="">Title</a>, on mouse over it should show page. '

I appreciate your response. Either jquery or javascript solution is fine.


share|improve this question
What do you mean by "should show page"? Shall it just change the URL on the link or shall it actually show the page - in like a preview? – Daniel Ziga Mar 1 '12 at 16:15
show the page - in like a preview – 4uSharePoint Mar 1 '12 at 16:15

In html:

<a href="" title=" page">Title</a>

By jQuery:

$("a[]").attr("title", " page");

By JavaScript (linkElement should be gotten previously):

linkElement.title = " page";
share|improve this answer
I want to preview the entire page on mouse over to hyperlink – 4uSharePoint Mar 1 '12 at 17:03
Use onhover attribute. You should create a modal window in than event. – Aviw Mar 1 '12 at 19:23

share|improve this answer
I tried that one, it is not working. Please let me know if it works for you. – 4uSharePoint Mar 1 '12 at 17:17

you can try this


function Tip()
  var s = $('[id*=myanchor]').attr('href');

function Untip()

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="" 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>   
share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.