Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Show images on OnMouseOver event in Javascript

Posted on 2009-04-07
1
Medium Priority
?
974 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 2000 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

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

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

This article shows how to deploy dynamic backgrounds to computers depending on the aspect ratio of display
Simulator games are perfect for generating sample realistic data streams, especially for learning data analysis. It is even useful for demoing offerings such as Azure stream analytics, PowerBI etc.
This Micro Tutorial will teach you how to add a cinematic look to any film or video out there. There are very few simple steps that you will follow to do so. This will be demonstrated using Adobe Premiere Pro CS6.
When cloud platforms entered the scene, users and companies jumped on board to take advantage of the many benefits, like the ability to work and connect with company information from various locations. What many didn't foresee was the increased riskā€¦
Suggested Courses

783 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