Solved

Show images on OnMouseOver event in Javascript

Posted on 2009-04-07
1
967 Views
Last Modified: 2012-05-06
In my project I have a Grid view.
and it has some 20 to 30 rows of employees which are hyperlinks.
When the user moves mouse on the hyperlink I need to show his thumbnail  image.
Remember its only on  Onmouse over event not clicking the hyperlink.
How can I do this, Do I have to use simple Javascript or is there any control
available in AJAX for this image popup.
Any help will be highly apprecited..
My project is being developed in .Net3.5, C# and VS2008.

Thanks in Advance
0
Comment
Question by:ken_rgr
1 Comment
 
LVL 1

Accepted Solution

by:
alexandremattar earned 500 total points
ID: 24108752
In this example set up the following things:
1 - An object of employee
2 - A GridView
3 - Plugin Jquery

In the code just created a generic list, and attaches to the DataSource of the GridView.

The key to this work is to add a column of type LinkItem, this column and click the option Convert this field into a TemplateField.
Then, we have to edit the html of this page to accept the parameters of jquery.

I leave all the files for download below.
OnmouseOverPreviewDataGrid.doc
jquery-1.3.2.txt
main.txt
1.jpg
2.jpg
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For those of you who don't follow the news, or just happen to live under rocks, Microsoft Research released a beta SDK (http://www.microsoft.com/en-us/download/details.aspx?id=27876) for the Xbox 360 Kinect. If you don't know what a Kinect is (http:…
The Confluence of Individual Knowledge and the Collective Intelligence At this writing (summer 2013) the term API (http://dictionary.reference.com/browse/API?s=t) has made its way into the popular lexicon of the English language.  A few years ago, …
Migrating to Microsoft Office 365 is becoming increasingly popular for organizations both large and small. If you have made the leap to Microsoft’s cloud platform, you know that you will need to create a corporate email signature for your Office 365…
Sending a Secure fax is easy with eFax Corporate (http://www.enterprise.efax.com). First, just open a new email message. In the To field, type your recipient's fax number @efaxsend.com. You can even send a secure international fax — just include t…

910 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

25 Experts available now in Live!

Get 1:1 Help Now