I tried to use mobiscroll to make my time picker and my inputs more responsive(like native apps). But suddenly I understood that mobiscroll isn’t free. That was a shock for me because I show project with it.
Does anyone know any good free alternatives?
Is demo of mobiscroll free?
Is there any way to hack or change codes of library?
Related
I've searched on Google and these forums but haven't found what I'm looking for so I'll ask here :)
I'm working on an HTML 5 hybrid app project using the Ionic Framework and I'm looking to implement a type of picker that allows the user to select Hours/Minutes (i.e. [5 hours | 30 minutes]). What our UX design is calling for is something similar to this:
UIPickerView that looks like UIDatePicker but with seconds
Is it possible to implement this in Android using the Picker class (doesn't necessarily have to have scrolling wheels like on iOS)?
This is best time picker ever, you can set format with 24hour and 12hour as well
https://github.com/rajeshwarpatlolla/ionic-timepicker
I know its a little late but to whomsoever it may concern , try mobiscroll it has a really awesome IOS like picker with the option to choose different types like hour, minutes, etc.
Here's the link : http://demo.mobiscroll.com/
Just dig into their opensource code available here: https://github.com/acidb/mobiscroll
And if you have any issues integrating just drop a mail to them they have amazing support.
NOTE: Although for direct integration you need to buy a license.
I want to make a text based dialogue system giving the user multiple choices to choose from.
In terms of UI, i'd like it to be almost identical to something like this, but this is done in flash and isn't multiple choice:
http://code.tutsplus.com/tutorials/make-an-rpg-style-text-system-for-your-next-game--active-3678
Since I have no experience in flash, i'd like to see if it could be done in JS/jQuery.
I don't think i'd have a hard time replicating the UI at face value, but as far as the scrolling text goes, I'm not sure. Possibly CSS3?
My only ideas that might make it work would be, using a constructor for the people in the conversations, and then of course another for the conversation itself then display the "conversation" and user choices in a JQ dialog window? Other then that, I'm lost.
I know that there's dialog systems out there, but I haven't seen any in JS and i'm wondering if anyone has done something like this or at least attempted it.
As always, thanks for the help!
EDIT: I think I was a bit vague - if this can be done, how can it be done.
Is there any tuts or books/pdfs for something similar?
I got something working pretty quickly using Yarn (editor) and bondage.js (client). bondage 0.5.5 doesn't support all the features of Yarn but it's more than enough to get started.
I'm doing some maintenance on a legacy webapp. The app uses a 3rd party javascript for displaying a pop-up calendar when the user puts her/his mouse into an HTML textfield. The user clicks the date on the calendar and the date gets inserted into the HTML text field.
I've noticed some anomalous behavior so I decided to investigate the script. It looks like it was last updated by the developer in 2007: http://webscripts.softpedia.com/script/Forms-and-Controls-C-C/Dynamic-Date-Selector-22508.html
I think I would like to replace this script with a javascript that does the same thing, but is part of an open source project that is regularly maintained and possibly with a community around it. My preference is either to get a project that does just that feature or a project that will make implementing just feature easy.......I don't want to gut the javascripts in a legacy webapp unless I have to.
So, can anyone recommend an open source, regularly maintained javascript library that has such a feature?
Thanks much in advance
Steve
Datepicker - from jQuery UI library - very solid and popular.
Use the date picker of jQuery UI.
I am looking for some kind of example of a Javascript Time Picker that is similar to the one used in Windows to pick the time...well except with out the seconds being in their. I have a mockup in place at the moment but trying to figure out how some of the user functionality should be be as it is two inputs and a dropdown. I guess I just am not happy with it at this point.
Thanks ahead of time for any help
There are a number of jQuery plugins that you can use for the perfect looking time picker control.
Here is a good one: http://plugins.jquery.com/project/timepicker
The Windows time picker (if you're referring to the one to change the system clock) is basically just a masked edit text box. If you're looking for something similar, you just need some JavaScript to do masked edits, like this one:
http://digitalbush.com/projects/masked-input-plugin/
To make it specifically for time, you should be able to easily add logic to ensure the hours don't go over 12 (or 24), and the minutes don't go over 59.
Personally, I prefer the way Google Calendar does time selections. There is a jQuery plugin for this which can be found here:
http://labs.perifer.se/timedatepicker/
Here's a cool one.
http://www.java2s.com/Code/JavaScript/GUI-Components/FancyTimePicker.htm
An online example of the control is posted here.
Like Dan said, if you are looking for a masked text input and if you want to use the PrototypsJS framework, there is http://code.google.com/p/phenx-web/ .
And if you want a good date/time picker, you could use this : http://home.jongsma.org/software/js/datepicker (also PrototypeJS). I'm currently working on it with Jerermy Jongsma to add more features.
I'm pretty fond of the jQuery stuff, There is a fairly nice one here.
I ended up creating a prototype time picker that for the time being is less fancy than a lot of the others out there. It shows up a regular input until you click on it then it shows a dropdown that has times in it.
I can share the code if anyone is interested
A timepicker shouldn't slow down the user's interaction, should be pretty straightforward without having to play with it for a while, and should be keyboard-accessible for users who can't manipulate a mouse. The time-picking functionality provided by the Any+Time™ Datepicker/Timepicker AJAX Calendar Widget with TimeZone Support meets all of these design goals, supports countless date/time formats and is easy to customize using CSS or jQuery UI.
A good test of timepicker usability is to think of an odd time (say, 10:32pm) and then see how long it takes to accurately select that time using various time pickers. You can probably do it with Any+Time™ faster than you can even write out the time by hand... how's that for speed and ease of use? :-p
I'm having some difficulties creating a javascript appointment style calendar. While it does render, I know there's go to be a much more efficient way of doing it. Does anyone have a pattern they use for creating calendars? I will be using jQuery, but I don't want to use someone's calendar plugin as a) I haven't found one that works for what I need and b) I'm never going to get any better by using someone elses work.
Now, keep in mind my question is not about loading data in or getting repeat occurances or anything like that. I'm basically needing to know a good pattern on actually rendering the calendar markup.
Ive just published a new OS project called FullCalendar (http://arshaw.com/fullcalendar/)
Sounds like what you might want. Pass it an array of events/appointments and it will render. The plugin only provides the essentials, but you can use event hooks to extend it.
Start with the date.js library, why reinvent things like figuring out the name of the day of the week, leap years and things like that. Build your own visualization on top of it.
There are a lot of gotchas associated with developing a calendar control from scratch. Since you're already using jQuery, I would recommend customizing a solution such as jCalendar and create your own wrapper such as the one described here
I think that taking someone elses work is your best bet. why reinvent the wheel?
You can atleast take the part that figures out what are the days of that month in that year, and which of those days are weekends. I dont think you should waste your time trying to figure out that.
i had to do this once, albeit, it was just a mockup implementation, and i used someones work see:
http://kpmm.doesthatevencompile.com/calendar.htm?p=5.1.2.1
i added some stuff but not much. i think that calendar renders cleanly and nicely.
good luck
Calendars are very tricky beasts and Javascript's Date() object leaves a lot to be desired and I wouldn't even want to attempt it without date.js.
You have to be aware of JS Date() (being the user's current Timezone) vs Server Date/Time and JS's epoch and all kinds of silly stuff.
I've written calendars in the past and won't do it these days because of the effort involved, but it is a good learning experience.
If you have to fall back to someone else's calendar, I would suggest jQuery UI's
http://jqueryui.com/demos/datepicker/