Horizontal Bar with 90 stripes on?

Hi,

On my web page, I would like to put a horizontal bar (line) with 90 stripes on, each stripe indicates a minutes. (Totally 90 minutes) Is there a way to accomplish this?? And then I need to access this minutes from code behind in order to display something on them.

Best Regards.

Re: Horizontal Bar with 90 stripes on?

Hi Friend,

Check following jQuery sliders

http://egorkhmelev.github.com/jslider/

http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

The javascript selected value can be assigned to a ASP.Net hidden field using jQuery/JS that can be accesiable in cod ebehind files.

Re: Horizontal Bar with 90 stripes on?

Hi,

Thanks for your quick reply. The problem is there won't be any user interaction with the web page (no clicks etc). There gonne be a timer on the page which gets data every minute. So I would like to display any kind of event during the game (goal,yellow/red card etc) on this horizontal bar (or whatever).

Best Regards.

Re: Horizontal Bar with 90 stripes on?

Hi Friend,

Using http://egorkhmelev.github.com/jslider/ this you can set the slider value using JS also

check the Basic functions section at bottom to set the slider using JS

Re: Horizontal Bar with 90 stripes on?

What say for ASP.Net Chart controls...http://weblogs.asp.net/scottgu/archive/2008/11/24/new-asp-net-charting-control-lt-asp-chart-runat-quot-server-quot-gt.aspx

thanks,

Re: Horizontal Bar with 90 stripes on?

Hi ramiramilu,

How can I do it with charts? Can show me?

Re: Horizontal Bar with 90 stripes on?

I didn't try this, but here is the idea that can do in your case.

Add a user control. You can add just lable/button and put code to populate it as per your requirement.

Then replicate this user control 90 times, something like this...

using System.Web.UI;
UserControl uc = (UserControl)LoadControl("/uc1.ascx");
for(int i = 1; i <= 90; i++)
{
   this.Page.Controls.Add(uc);
}

Then you should be able to code as per your need to achieve this.