Author: admin
-
Setup
Download jQuery Mobile When you open the link jquerymobile.com/, you will see there are two options to download jQuery mobile library. Custom Download with Download Builder Using Download Builder, you can create a custom build including only the portions of the library that you need. When you download this new customized version of jQuery Mobile, you…
-
Overview
JQuery Mobile is a user interface framework, which is built on jQuery Core and used for developing responsive websites or applications that are accessible on mobile, tablet, and desktop devices. It uses the features of both jQuery and jQuery UI to provide API features for mobile web applications. It was developed by the jQuery project…
-
Environment Setup
This chapter will discuss about download and set up of JqueryUI library. We will also briefly study the directory structure and its contents. JqueryUI library can be used in two ways in your web page − Download UI Library from Its Official Website When you open the link http://jqueryui.com/, you will see there are three options…
-
Overview
JqueryUI is a powerful Javascript library built on top of jQuery JavaScript library. UI stands for User interface, It is a set of plug-ins for jQuery that adds new functionalities to the jQuery core library. The set of plug-ins in JqueryUI includes interface interactions, effects, animations, widgets, and themes built on top of jQuery JavaScript…
-
JqueryUI Tutorial
JqueryUI is the most popular front end frameworks currently. It is sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. It uses HTML, CSS and Javascript. This tutorial will teach you basics of JqueryUI Framework, which you can use to create complex web applications GUI with ease. This Tutorial is…
-
Sortable
jQueryUI provides sortable() method to reorder elements in list or grid using the mouse. This method performs sortability action based upon an operation string passed as the first parameter. Syntax The sortable () method can be used in two forms − $ (selector, context).sortable (options) Method The sortable (options) method declares that an HTML element contains interchangeable elements. The options parameter is an…
-
Selectable
jQueryUI provides selectable() method to select DOM element individually or in a group. With this method elements can be selected by dragging a box (sometimes called a lasso) with the mouse over the elements. Also, elements can be selected by clicking or dragging while holding the Ctrl/Meta key, allowing for multiple (non-contiguous) selections. Syntax The selectable() method…
-
Resizable
jQueryUI provides resizable() method to resize any DOM element. This method simplifies the resizing of element which otherwise takes time and lot of coding in HTML. The resizable () method displays an icon in the bottom right of the item to resize. Syntax The resizable() method can be used in two forms − $ (selector, context).resizable (options)…
-
Droppable
jQueryUI provides droppable() method to make any DOM element droppable at a specified target (a target for draggable elements). Syntax The droppable() method can be used in two forms − $ (selector, context).droppable (options) Method The droppable (options) method declares that an HTML element can be used as an element in which you can drop other elements. The options parameter is an object…
-
Draggable
jQueryUI provides draggable() method to make any DOM element draggable. Once the element is draggable, you can move that element by clicking on it with the mouse and dragging it anywhere within the viewport. Syntax The draggable() method can be used in two forms − $ (selector, context).draggable (options) Method The draggable (options) method declares that an HTML element can be…