Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: ASP.NET VB.NET
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
v2
Comments
Sergey Alexandrovich Kryukov at 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.
—SA
Rate this: bad
good
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...
  Permalink  
v2
Comments
Sushma_Patel at 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");
}
</script>
 
<asp:GridView ID="GridView1" runat="server" Style="font-size: small;
font-family: Verdana" >

<asp:TemplateField>

Select




 
This above works great on linkbutton click. Can you help me on javascript of mouseover.
Rate this: bad
good
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]
  Permalink  
Comments
[raju.m][makhaai] at 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
0 OriginalGriff 6,055
1 DamithSL 4,621
2 Maciej Los 4,087
3 Kornfeld Eliyahu Peter 3,500
4 Sergey Alexandrovich Kryukov 3,294


Advertise | Privacy | Mobile
Web02 | 2.8.141220.1 | Last Updated 9 Sep 2010
Copyright © CodeProject, 1999-2014
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