Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I need to have my users select a date and time in one of my forms, and I don't want to spend time reinventing the wheel to create a datetime picker in JavaScript. The problem is that the only "pickers" I can find online are all based on jQuery, which normally wouldn't be a problem except that the entire site is practically finished without using jQuery at all. So it would feel stupid to use that entire giant framework now when all I need it for is a single input on one form on one page of my site.
There is a datetime Picker in HTML5 but it doesn't work for all browsers. You can try this example: http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_date
We've been using Pikaday with great success on our project. One of our forms has over 60 date fields on it (legal industry), and this little widget has performed very well. It's 5kb minified and highly configurable. The default styling looks pretty slick, too. One last thing I'd like to add is that Pikaday also has the ability to clean up after itself (.destroy command), which has been extremely helpful on more dynamic forms.. Many other date pickers don't clean up after themselves when the node to which they're attached is removed from the dom. Highly recommend it.
Proper Introduction Here.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
We need to create a feature to help new users understand the product that they are testing during trial period.
We think in creating a jQuery script of semiautomated actions (AKA clics) and popup displaying information. We use a script to enter text in inputs called Ghostwriter but we need some more features.
Imagine something like when Facebooks delivers a new feature, that makes a step by step introduction in order to show how this works, the ones that you tipically clic the "OK, I get it!" button to skip it.
For some forms we did some scripts displaying tooltips next to fields explaining the usage. But doing this Web Site wide, will create lots of code.
What we need is something more declarative, where you could setup some steps, creating a script in Javascript, that should not polute the existing HTML.
How should I do this? Any experiences in this kind of issues?
This is super awesome and easy to use:
hopscotch
I like http://bootstraptour.com/
I'm sure it hits on a lot of features you need.
A quick Google search reveals this commercial option: http://www.walkme.com/landing-pages/create-the-ultimate-demo-with-walkme
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Locked. This question and its answers are locked because the question is off-topic but has historical significance. It is not currently accepting new answers or interactions.
I am looking for an alternative to Select2 that basically provides the same functionality, but includes proper tests.
The quest for the holy grail? The last unicorn?
Selectize.js is a select2 alternative I've been working on that has a suite of tests using a combination of testem, syn, mocha, and chai. Right now there are the following classes of tests:
InteractionFunctional tests that makes sure the control behaves as if the user is using it (using syn).
SetupEnsures the control can be initialized properly from existing <select> and <input> elements.
APITests core API methods for proper functionality.
EventsEnsures built-in events get fired at the right times with the proper arguments.
XSSTests a handful of potential exploits.
With that said, the tests aren't as expansive as I want them to be, but it's getting there :)
Another possible alternative is bootstrap-multiselect
"JQuery multiselect plugin based on Twitter Bootstrap"
Examples and documentation: http://davidstutz.github.io/bootstrap-multiselect/
The repository does not contain any automated tests, manual tests instead
Themed using Bootstrap 3
JavaScript source code is short: 800 lines of code
524 stars on GitHub (as of 2013/12/13)
Note: I'm no longer maintaining this project. Choose another one.
Bselect, which I develop, is tested, however doesn't include all the features (yet) from Select2/Chosen.
If you want, join me in its development :)
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I am looking for a jQuery plugin for something like spreadsheet or grid.
I have found a lot of jQuery Grid plugins and one spreadsheet plugin.
But I would like functionality with copy/paste cells from/to Excel. Something like here Any suggestions?
I needed JavaScript data grid with copy/paste compatibility with Excel. I could not find such, so I created this: http://handsontable.com/
Maybe you will find it useful.
there is one available on github: https://github.com/TanyaWebDesign/SpreadSheet
it is based on jquery, has copy/paste and bunch of other functions.
The best way to deal with tabular data with jquery is probably using Slickgrid
I did a plugin for copy/paste from/to excel:
http://labs.nereo.com/SlickGrid/examples/example-excel-compatible-spreadsheet.html
The plugin has now many bugs fixed and features added by the community (eg. undo/redo support) :
https://github.com/Celebio/SlickGrid/commits/master
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I am looking for a very clean project to add cross-browser JavaScript API to contenteditable div.
If it has UI, then it should be possible not to load it (as opposed to disabling it) or completely remove from sources.
I am looking for basic features really without huge focus on backward-compatibility but rather a cleaner code.
Some of the features, I would expect from this API would be:
Insert HTML snippet at the position of the cursor
Clean up contents after paste (such as spans and font sizes)
Return node, where cursor currently is positioned
Add new item to item list
I suppose I could code them with some jQuery, but if someone have it, why not re-use it.
You could use the one Google use -
http://closure-library.googlecode.com/svn/docs/namespace_goog_editor.html
http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/editor/field_basic.html
If your concern about cleaner code relates to maintainability/extensibility then all the code in the Closure library is well documented and all variables/methods are verbose in their naming (this is because the Closure Compiler will take care of minifying them for the client).
In CKEditor the UI and themes are defined as plugins and not part of the core, so if you have enough patience you could redefine them in any way that you want.
Quill seems to be gaining good traction - https://github.com/quilljs/quill
Look at this, it seems suitable: http://www.artlebedev.ru/tools/reformator/
Source code: http://web.artlebedev.ru/tools/reformator/reformator.zip
PS. It's free for non-commercial use only.
TinyMice is also good choice. It has jQuery API
What about WYMEditor?
http://www.wymeditor.org/
https://github.com/wymeditor/wymeditor
http://files.wymeditor.org/wymeditor/trunk/src/examples/12-custom-layout.html
http://files.wymeditor.org/wymeditor/trunk/src/examples/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I'm building a web app where the vast majority of our target audience likely have experience with Google Analytics - and as a part of that website there is a date range selector. I was hoping to find an off-the-shelf javascript/jquery date range selector to customize to my needs, but I'm not a fan of the stock version that jquery provides because it lacks the actual date inputs, it only has the two visual calenders. I listed what I'm looking for below.
What I'd love:
Select a start and end date on a
single calender (preferably with two
months shown).
Enter the start and end date manually
into an input box
Highlighting of selected date range
(changing background-color of dates
within 'start' and 'end').
Fairly easy to get at the CSS /
layout elements
What I don't need:
A timeline selector
Compare to past
Thanks for helping out!
jquery-ui-datepicker do not have date range selector. Just found out this nice plugin which does that - http://www.eyecon.ro/datepicker/
update
Recently started using another open source plugin and it's working great too.
https://github.com/dangrossman/bootstrap-daterangepicker
I like this one due to the quick select of common ranges such as year to date, today etc. The code looked pretty readable, so i guess it would be possible rewrite it slightly to align with use cases for the application.
http://www.filamentgroup.com/examples/daterangepicker_v2/
jquery-ui-datepicker
http://jqueryui.com/demos/datepicker/#multiple-calendars
here is also a listing of other plug ins
http://www.bloggingdeveloper.com/post/8-Widely-Used-Calendar-Date-Picker-and-Time-Formatting-jQuery-Plugins-that-Web-Developers-Should-Know.aspx