Solved

classic asp recordset paging

Posted on 2011-09-02
3
625 Views
Last Modified: 2012-05-12
9-2-2011-8-26-41-AM.pdf

Hi I have classic asp and use recordset to show the data from sql server database. and have two question.

1. Please view attached, when the mouse over on particular row. Is it possible to do something like that attached?

2. how to do the alternative color. the row color is different.

0
Comment
Question by:Webboy2008
  • 2
3 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 36474236
I actually am working on the exact same type of project.  I found this jquery plugin to be extremely helpful

http://www.datatables.net/index
0
 

Author Comment

by:Webboy2008
ID: 36474876
look good but i don't have time to learn this.
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 36474911
Not really a whole lot to learn. You basically already have your table with your repeat-region right?

Give your table an ID, then you can basically do something like this, after you've included the Jquery library of course:
<script type="text/javascript">
		$(document).ready(function() {
			$('#admin').dataTable( {
				"aaSorting": [[ 4, "desc" ]],
				"sDom": 'Rlfrtip',
				"bStateSave":true,
				"sPaginationType": "full_numbers"
			} );
		} );
		</script>

Open in new window


If you still don't want to do something like that then for highlighting and clicking you can use something like this:  
<script type="text/javascript">
		    $(document).ready(function() {
			 $('#admin tr')
			   .addClass('highlight')
			   .end()
			 .click(function(event) {
			   $(this).toggleClass('highlight');
			 });
		    });
		</script>

Open in new window


Just make sure to give your CSS a class of .highlight.  Mine looks like this:
table#admin .highlight td,
table#admin tr.alt.highlight td{background:#FF6;}

Open in new window

0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

708 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

16 Experts available now in Live!

Get 1:1 Help Now