Capstone Project

I haven’t had a chance to write about my Senior Capstone project, Numbers Empower, since it finished two weeks ago because I have been busy trying to finish up with the rest of school. However, I wanted to mention that today our project was featured on the front page of Northeastern’s website in the article “As green as you want to be”. Thanks to Greg St.Martin for writing the great article.

If you are interested in learning more about the project, visit our website http://NumbersEmpower.com for more details.

Using a jQuery UI Slider to Select a Time Range

Recently I was trying to create a web form where a user could enter a start time and end time to create a time window for a schedule. However, the easiest solution – having a user enter the times into two text boxes – seemed clunky and annoying to use. I wanted a better solution that was more intuitive so I decided to try using the jQuery UI Slider for a more visual experience with less typing. My goal was to have a slider with two points to represent the beginning and end of a scheduled time range and to display the value of each point as text.

If you haven’t used jQuery UI before, the slider itself is pretty simple to setup:

<div id="slider-range"></div>
<script type="text/javascript">
	$("#slider-range").slider({
		range: true,
		min: 0,
		max: 1439,
		values: [540, 1020],
		step:5
	});
</script>


View this demo in a new window

Continue reading