<div dir="ltr"><div><div><div><div>Hi All,<br><br></div>These examples are certainly close to what I started trying to mock up for my recent blog post, but decided would take too long to make look reasonable.<br><br></div>
My one comment on the implementations is that it should be possible to type a date into the text box showing the date on the slider. Ideally the date display would also provide some mechanism to indicate date 'fuzziness'.<br>
<br></div>Way out in the future one might imagine a slider being non-linear using speed of change to allow for more precise date selection (a la panning on tablets/phones).<br><br></div>Jerry<br></div><div class="gmail_extra">
<br><br><div class="gmail_quote">On 13 May 2014 18:53, Derek Kniffin <span dir="ltr"><<a href="mailto:derek.kniffin@gmail.com" target="_blank">derek.kniffin@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div dir="ltr">Hi Micru and Jaime,<div><br></div><div>I was just playing with a jsfiddle using jQRangeSlider, to see what I could come up with. Here's what I got:</div><div><br></div><div><a href="http://jsfiddle.net/vM844/1233/" target="_blank">http://jsfiddle.net/vM844/1233/</a><br>
</div><div><br></div><div>Hope that helps.</div><div><br></div><div>--Derek</div></div><div class="gmail_extra"><br><br><div class="gmail_quote">On Tue, May 13, 2014 at 1:49 PM, David Cuenca <span dir="ltr"><<a href="mailto:dacuetu@gmail.com" target="_blank">dacuetu@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div><div><div>Hi Jaime,<br><br></div>Good starting point. Maybe you could also take a look to this one to get some ideas?<br>
<a href="http://ghusse.github.io/jQRangeSlider/" target="_blank">http://ghusse.github.io/jQRangeSlider/</a><br>
<br></div><div>Some things I like of this one:<br></div><div>- you can drag the central area and both sliders move with it<br></div><div>- the date is displayed in the slider<br></div><div></div><div><br></div><div>Things that it is missing:<br>
</div><div>- a precision selector (century, year, day)<br><br></div><div>Cheers,<br></div><div>Micru<br></div><div><br></div></div></div><div class="gmail_extra"><br><br><div class="gmail_quote"><div><div>On Tue, May 13, 2014 at 6:47 PM, Jaime Schatz <span dir="ltr"><<a href="mailto:jaimelynschatz@gmail.com" target="_blank">jaimelynschatz@gmail.com</a>></span> wrote:<br>
</div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div><div dir="ltr">Hi Everyone,<div><br></div><div>I've got a very, very (<b>very</b>) early prototype of a TimeSlider for users to select dates on the OHM. I didn't want to get too far down a rabbit hole without checking in. Not sure if this is the place to post it - it's also on Bugzilla and referenced in the Github issues for OHM. Feedback (on the actual slider as well as on where/how to post things like this) is more than welcome!! <br clear="all">
<div><br></div><div>Github issue: <a href="https://github.com/OpenHistoricalMap/ohm-website/issues/15" target="_blank">https://github.com/OpenHistoricalMap/ohm-website/issues/15</a></div><div>Bugzilla: <a href="https://bugzilla.wikimedia.org/show_bug.cgi?id=62900" target="_blank">https://bugzilla.wikimedia.org/show_bug.cgi?id=62900</a></div>
<div>Protype: <a href="http://jaimelynschatz.github.io/timeslider-mvp.html" target="_blank">http://jaimelynschatz.github.io/timeslider-mvp.html</a></div><span class="HOEnZb"><font color="#888888"><span><font color="#888888"><div>
<br></div>-- <br><div dir="ltr">
:) JaimeLyn<br>Gnome/OPW Intern<br><span style="font-family:arial;font-size:small">UTC - 7/PDT</span><br>
</div>
</font></span></font></span></div></div><span class="HOEnZb"><font color="#888888">
<br></font></span></div></div><span class="HOEnZb"><font color="#888888">_______________________________________________<br>
Historic mailing list<br>
<a href="mailto:Historic@openstreetmap.org" target="_blank">Historic@openstreetmap.org</a><br>
<a href="https://lists.openstreetmap.org/listinfo/historic" target="_blank">https://lists.openstreetmap.org/listinfo/historic</a><br>
<br></font></span></blockquote></div><span class="HOEnZb"><font color="#888888"><span><font color="#888888"><br><br clear="all"><br>-- <br>Etiamsi omnes, ego non
</font></span></font></span></div><span class="HOEnZb"><font color="#888888">
<br>_______________________________________________<br>
Historic mailing list<br>
<a href="mailto:Historic@openstreetmap.org" target="_blank">Historic@openstreetmap.org</a><br>
<a href="https://lists.openstreetmap.org/listinfo/historic" target="_blank">https://lists.openstreetmap.org/listinfo/historic</a><br>
<br></font></span></blockquote></div><br></div>
<br>_______________________________________________<br>
Historic mailing list<br>
<a href="mailto:Historic@openstreetmap.org">Historic@openstreetmap.org</a><br>
<a href="https://lists.openstreetmap.org/listinfo/historic" target="_blank">https://lists.openstreetmap.org/listinfo/historic</a><br>
<br></blockquote></div><br></div>