How do I implement a menu using jQuery and jQuery UI? - javascript

I am using jQuery v1.6.1 and jQuery UI 1.8.12 and, using those JavaScript libraries, I would like to implement a "simple" menu, similar to the one present in the StackOverflow website when hovering over the nickname.
Where I can find some useful tutorial or information about jQuery menus? What do you advise?

Since you are already using jQuery UI have you looked at the Tabs widget?
http://jqueryui.com/demos/tabs/

How about updating to JQuery UI 1.9 and then be using the JQuery UI menu?

Related

JQuery# Live Filter conflict with Fancy Box

Live filter, source: [jsfiddle/M2mUF/][1] is in conflict with fancy Box`s libraries(jquery live filter library in conflict with fancy libraries fancyapps/fancybox/. I need a popup iframe script which no conflict with live filter library.
Other multi filter testing is tommyp.github.io/multifilter/ , but this is in conflict with fancy box or other popup script.
Please, help me!
use jquery's method - jQuery.noConflict(), it is specifically designed for preventing jquery from conflicting with any other scripts . Here is its Documentation for further refrence
on how to use it..

Any Metro style datepicker?

Is there any good metro styled datepicker control that I can embed to website? jQuery UI, for example, doesn't look good with metro styled web page.
If you're just looking for a jquery ui theme take a look at this jquit theme found here.
Other alternatives are:
MetroUI CSS offers a datepicker (and a complete user interface looking like metro)
http://metroui.org.ua/calendar.php
Also there is a theme for Bootstrap called BootMetro which also offers a datepicker.
http://aozora.github.io/bootmetro/javascript.html#datepicker
If you're trying to get a fully metro styled page, I would recommend to use a theme in combination with bootstrap as it saves you a lot of work.
For metro style, visit Jquit (For jquery UI)
http://jquit.com/build-jquery-ui-themes-with-jquit-builder/
You can customize your datepicker using ThemeRoller of JQuery UI.
Also checkout this blog for customizing. This DEMO looks to be a good metro styled.

jquery modal / dialog

I want to use some jquery plugin to show modal. I have been using fancybox but it has problem that second fancybox can not be shown on one. I have used jquery UI but it has images and I want some plugin which is not dependent on images. Here are my requirements:
to show on page load
to show on ajax success
customizable with custom css
second modal/dialog can be shown on first one.
Please suggest.
I like http://jqueryui.com/dialog/ I know you said that you used it but did not like it as it has images, but I would override your images with custom css - which is not to difficult. simnple model is fine but I find ui better
Your question is not in the Q&A format of Stackoverflow, because you are essentially soliciting opinions (i.e., no definitive answer).
Nevertheless, SimpleModal is an excellent light-weight jQuery plugin I've used for modal dialog boxes.
Have a look on this one, I used it in the past: http://www.paulund.co.uk/how-to-create-a-simple-modal-box-with-jquery

Any light version of JQuery UI's autocomplete box?

I need an autocomplete selection box for a page, something like JQuery's autocomplete box.
However, adding JQuery and JQuery UI just for that functionality seems like overkill. Is there any lighter alternatives?
This code project example builds an auto-complete from pure javascript with no dependencies on jQuery. Code Project
Checkout DevBridge Ajax Autocomplete: https://github.com/devbridge/jQuery-Autocomplete
We have recently extracted the JS from django-autocomplete-light, giving jquery-autocomplete-light which you might like.

What are the uses of jquery ui ? and why not use jquery instead?

What are the uses of jquery ui ? and why not use jquery instead ?
I've read about Jquery ui in their official site , however , I'm still confused as to what it can do for me and whether I should study it or not ? I'm an aspiring Website Designer.
jQueryUI comes with many components such as slider-bars, accordions and widgets that you won't find with jQuery. jQuery by itself is simply a Javascript abstraction, allowing you to write agile code for the client-side. jQuery is also a dependency for jQueryUI, so you will need it in order to use the latter library.
It's similar to Twitter Bootstrap in its feasibility.
Here are a few demos for you to look over to demonstrate the difference: http://jqueryui.com/demos/
You don't use one instead of the other.
jQuery UI is dependent on jQuery. jQuery UI offers widgets and effects you can use on your website.
JQuery UI does not replace JQuery, it is an extension of it and relies on it. It provides a few widgets like progress bars or date pickers for instance.

Categories

Resources