What's the best jQuery clockpick plugin? - javascript

I need a clockpicker. I would like a jQuery plugin because I use this library in my application. I need any plugin that might be for minute selections. It shouldn't be only for defined ranges. If anyone knows a clockpick with these features, I thank you.
Please help me, I have a very good plugin for other cases, but for defined ranges of hours, I would like an analog clock, if it's possible.

While not an analog clock, I've found Trent Richardson' Timepicker addon to JQuery UI datepicker excellent.
It allows you to filter time range and set steps as well in the picking. You can use it standalone just to select a time or with datepicker to give a combined solution. Give it a shot.
Here are some demos of ways to use it as well.

how about TimeEntry plugin.
http://keith-wood.name/timeEntry.html
it's very good one. i use for my apps and works great.

Related

How to make a range selector?

I want to us a range selector with two dependent input and a chart in my website , exactly like this one in Google page for Company Distribution.
https://www.google.com/finance#stockscreener
but I don't want to write it from the scratch by myself.
Is there a good library for it? I want to make exactly similar to that.
You can use this plugin - JRange. It is in github and is easy to use.

fullpage.js jQuery UI elements

I'd like to strip down jquery UI to the bare minimum required for fullpage.Js. Can you please tell me exactly which parts of jQuery UI are necessary for operation? All of this is in jQuery UI:
* Includes: jquery.ui.core.js, jquery.ui.widget.js, jquery.ui.mouse.js, jquery.ui.position.js, jquery.ui.accordion.js, jquery.ui.autocomplete.js, jquery.ui.button.js, jquery.ui.datepicker.js, jquery.ui.dialog.js, jquery.ui.draggable.js, jquery.ui.droppable.js, jquery.ui.effect.js, jquery.ui.effect-blind.js, jquery.ui.effect-bounce.js, jquery.ui.effect-clip.js, jquery.ui.effect-drop.js, jquery.ui.effect-explode.js, jquery.ui.effect-fade.js, jquery.ui.effect-fold.js, jquery.ui.effect-highlight.js, jquery.ui.effect-pulsate.js, jquery.ui.effect-scale.js, jquery.ui.effect-shake.js, jquery.ui.effect-slide.js, jquery.ui.effect-transfer.js, jquery.ui.menu.js, jquery.ui.progressbar.js, jquery.ui.resizable.js, jquery.ui.selectable.js, jquery.ui.slider.js, jquery.ui.sortable.js, jquery.ui.spinner.js, jquery.ui.tabs.js, jquery.ui.tooltip.js
That's a lot, and I'd like to reduce the size.
Thanks so much!
You don't need to include jQuery UI at all. After a casual glance at the code (and documentation), it appears the default easing function (easeInQuart) is the only thing using jQuery UI.
https://github.com/alvarotrigo/fullPage.js#usage
Set the easing option to linear or swing to use jQuery's default easing.
Well, what a question. If you want to minimize to only what you use, I suggest you roll-your-own file at: http://jqueryui.com/download/
You can choose specifically which pieces of the jQuery UI you want to include in your file and get it in regular and minimized versions.
Where fullpage.js does not specify what they use or not, you may have a bit of trial and error to see what you can drop out. I would guess they use quite a few of the animations.

jQuery plugin: feedback needed

I´m currently developing my first jQuery Plugin. It´s called Fraction Slider and is a Slideshow-Framwork which allows you to animate unlimited elements (with different animations, delay, etc) per slide.
Here you can find a small demo, and also the documentation:
Demo
It´s also hosted in the jQuery Plugin repository
So, introduction is over ;)
Now i have a few question:
The general code. What could i improve, what should be replaced, etc.
As you can see, when us different animations, delays, speeds etc. the html tag for each element will have an awfully lot of data-... attributes. I would like to make that a bit more easy and maybe with less markup (damn, i dont know how to say this in english).
How could i do that - any ideas or suggestions?
What should i add to the plugin? I was think about pager/controls, fading and simple show/hide effect and maybe making it responsive.
Last but not least: i would be happy to get some general feedback about the plugin and its realization.
Looks like it doesn't support chaining. e.g.
$('.step-slider').fractionSlider().remove();

iCal-like calendars jQuery

Does anyone know a calendar that has a big size as in the link : http://www.htmldrive.net/items/demo/568/astonishing-iCal-like-calendars-with-jQuery
Because I don't want build a calendar like this demo, I just want to use it.
I tried to use other calendars as JScal but it is small.
Thank you
What exactly is your UI requirement? For example, I'd consider the following calendar "big":
http://arshaw.com/fullcalendar/
And you can probably customize the layout to fit your needs. If you require more than that, you should "refine" your requirements :)
if you are using JQuery then you can use following code to increase size
${'div.ui-datepicker').css({ font-size:10px; });
here 'div.ui-datepicker' is datepicker instance, you need to change it according to your code.

Creating a Draggable Widget System

I'm looking to create a widget system, somewhat like what WordPress has.
Please suggest what script would be the best for this. I've planned to use jQuery UI for this, but would like to listen to other suggestions as well.
Go with Jquery. We've implemented an entire pageflakes-esque drag/droppable widget system on our customizable homepage Faxo Search. We couldn't be more pleased with jquery and jquery UI. We looked at other libraries and decided jquery had the largest potential. It's extremely expressive and the code is tight and efficient. We actually migrated from Prototype.
Scriptaculous has a decent drag and drop implementation. It's based on Prototype which has a pretty good community.
jQuery's does seem to be a bit larger and a more active as of late so you may want to stick with its draggable library.

Categories

Resources