Solved

Show images on OnMouseOver event in Javascript

Posted on 2009-04-07
1
965 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

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

Welcome my friends to the second instalment and follow-up to our Minify and Concatenate Your Scripts and Stylesheets (http://www.experts-exchange.com/Programming/Languages/.NET/ASP.NET/A_4334-Minify-and-Concatenate-Your-Scripts-and-Stylesheets.html)…
More often than not, we developers are confronted with a need: a need to make some kind of magic happen via code. Whether it is for a client, for the boss, or for our own personal projects, the need must be satisfied. Most of the time, the Framework…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.
This tutorial demonstrates a quick way of adding group price to multiple Magento products.

747 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

12 Experts available now in Live!

Get 1:1 Help Now