Click here to Skip to main content
11,927,711 members (57,945 online)
Rate this:
Please Sign up or sign in to vote.
Hello People

Can anyone help me on how to show a popup window on mouseover of link in Gridview.

I have 32 columns in a table. In UI, I am showing 6 to 8 columns in Gridview. I want to show other important details, when user hovers on a link in Gridview. Can anyone suggest me on this.

Thank you
Posted 3-Jun-10 2:01am
Edited 3-Jun-10 2:26am
Sergey Alexandrovich Kryukov 16-Apr-13 13:14pm
Please stop posting non-answers as "solution". It can give you abuse reports which eventually may lead to cancellation of your CodeProject membership.
Comment on any posts, reply to available comments, or use "Improve question" (above).
Also, keep in mind that members only get notifications on the post sent in reply to there posts.
Rate this: bad
Please Sign up or sign in to vote.

Solution 1

Sushma_Patel wrote:
Can anyone suggest me on this.

Yes! try this:
1. Inject Javascript function on mousehover & mouseout of the link in a grid row.
2. In javascript, show a div that contains the needed details
3. onmouseout, hide the div.

Sushma_Patel wrote:
popup window on mouseover of link in gridview.

This would be really irritating! So instead of popup i suggested a div. yet if you want to show a popup, i would suggest you to use rowclick/linkclick event instead of mousehover. Flow of events and coding would be same.
1. Inject javascript function on rowclick
2. In javascript function show a new dialog window with all the details

Try to code them now...
Sushma_Patel 3-Jun-10 8:36am
Hi Sandeep,
Thanks for giving a solution.
but i want to show popup window on mouse over, i am able to do that on button click. Can you help me on javascript.
My code is:
<script language="javascript" type="text/javascript">
function popup(stropen) {
open(stropen, "Info", "status=2, scrollbar=1, resizable=1, toolbar=no");

<asp:GridView ID="GridView1" runat="server" Style="font-size: small;
font-family: Verdana" >



This above works great on linkbutton click. Can you help me on javascript of mouseover.
Rate this: bad
Please Sign up or sign in to vote.

Solution 3

Thumbs Up | :thumbsup: Thumbs Down | :thumbsdown: Smile | :) Big Grin | :-D Laugh | :laugh: Wink | ;) Poke tongue | ;-P Frown | :( Sigh | :sigh: D'Oh! | :doh: Cry | :(( Shucks | :-\ Blush | :O Roll eyes | :rolleyes: OMG | :OMG: Mad | :mad: Confused | :confused: Unsure | :~ Suspicious | :suss: Dead | X| Cool | :cool: Rose | [Rose]
[raju.m][makhaai] 9-Sep-10 20:53pm
what is this??

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web01 | 2.8.151126.1 | Last Updated 9 Sep 2010
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100