johncc

I would suggest including both scripts in the one function/script, set a variable based on the checkbox setting and use an if statement to execute the appropriate code.

I would suggest that you use your map as a background and generate coloured dots for your points 'on the fly' by adding elements to the DOM. You could access the note data using a title popup. You would need to use PHP and an SQL database if operating on a server or you could use Javascript and an CSV textfile if it is on a local computer. Happy to provide more details if this sounds like what you want.

Can you describe your project in a bit more detail?

I have been using RANGE inputs for user entry but have found that in some cases it is difficult to set precise values. I have produced a modified range object using CSS that it has the appearance of and behaves like a knurled wheel that can be dragged left or right to produce a negative or positive value corresponding to its movement. (shown to the right of the standard slider in the attached image). The code is available on Codepen at this link http://codepen.io/anon/pen/LfmKb and also in the attached HTML file The range can be used to select an angle and the 'wheel' used for finer selection and has a range of 10 degrees. Just click/touch and drag the 'wheel' left or right. The normal slider knob of the range input is made transparent in CSS and the simulated knurled/animated effect is achieved by using a repeated 10x1 background image which is simply a single pixel followed by nine blanks. The image data is within the CSS. The animation is achieved by setting the x position of the background image using the 'mod 10' value of the range's value in the 'oninput' handler. Note: In order to achieve suitable animation, the chosen step value of the range object should result in movement of only a couple of pixels per step. I haven't devoted any time to making this cross platform, but I hope that others find it useful and I am happy to answer any questions. scrubber demo.html