Solved

Highlighting gridview row on mouseover - highlighting specific sections of the selected row

Posted on 2013-06-06
2
324 Views
Last Modified: 2013-06-09
There are a number of articles on highlighting gridview rows, but how do I split the highlight function down the middle of the gridview to create a split highlight function ?

ie:- (a) the left hand fields in the selected row are only highlighted when there is a mouseover on any one of the left hand cells and (b) the right hand fields are only highlighted (in a different color to the lefthand highlights) when there is a mouseover on any one of the right hand cells.

Eg : A gridview returns six fields with results in three rows as follows:-

A1 B1 C1 D1 E1 F1
A2 B2 C2 D2 E2 F2
A3 B3 C3 D3 E3 F3


On mouseover on B2: A2,B2,C2 are all highlighted - ie the left hand side of row 2
On mouseover on F3: D3,E3, F3 are all highlighted - ie the right hand side of row 2
etc etc...

For reference there will always be an even number of fields in the gridview so the lefthand side and righthand side will always have an equal number of fields.
0
Comment
Question by:doolinn
2 Comments
 
LVL 22

Accepted Solution

by:
Mrunal earned 500 total points
ID: 39228105
Here is your solution:

http://jsfiddle.net/qbyvN/

:-)
0
 

Author Comment

by:doolinn
ID: 39230761
Thanks - all works well.
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

One of the pain points with developing AJAX, JavaScript, JQuery, and other client-side behaviors is that JavaScript doesn’t allow for cross domain request for pulling content. For example, JavaScript code on www.johnchapman.name could not pull conte…
Today is the age of broadband.  More and more people are going this route determined to experience the web and it’s multitude of services as quickly and painlessly as possible. Coupled with the move to broadband, people are experiencing the web via …
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…
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.

757 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

21 Experts available now in Live!

Get 1:1 Help Now