Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’m attempting to create an interactive number line to aid in basic addition/subtraction learning for math students using HTML5 and .NET. I’m trying to figure out how to create an interactive number line, one which the user can drag a marker(s) on the line to different numbers and see the addition/subtraction result.
From what I’ve researched so far, the slider bar in HTML5 may be the solution, but I’m not sure if it can handle ranges.
Any starting points from the gurus out there?
I don’t think you want to include .net in this. HTML5 can handle this use-case completely client-side in javascript. I was in the middle of crafting one using the Canvas API but then I tripped across this question which basically gives you what you need to know to make the number lines, you only need to grab the click events and create a spot to display the addition result. That should be pretty easy unless you are a serious beginner with Canvas, if you are then let me know your specific issue and I’ll see if I can expand this post.
With relation to sblom’s answer, JQuery would work beautifully on this too. But I would not involve .net technologies unless you really need some sort of server-side processing technology, which you don’t here.