jQuery UI 1.10: The User Interface Library for jQuery. Need to learn how to use JQuery UI speedily? Our guide will take you through implementing and c

jQuery UI 1.10: The User Interface Library for jQuery. Need to learn how to use JQuery UI speedily? Our guide will take you through implementing and c - Opis

jQuery UI, the official UI widget library for jQuery, gives you a solid platform on which to build rich and engaging interfaces quickly, with maximum compatibility, stability, and effort. jQuery UI's ready-made widgets help to reduce the amount of code that you need to write to take a project from conception to completion. jQuery UI 1.10: The User Interface Library for jQuery has been specially revised for Version 1.10 of jQuery UI. It is written to maximize your experience with the library by breaking down each component and walking you through examples that progressively build up your knowledge, taking you from beginner to advanced user in a series of easy-to-follow steps. Throughout the book, you'll learn how to create a basic implementation of each component, then customize and configure the components to tailor them to your application.Each chapter will also show you the custom events fired by the components covered and how these events can be intercepted and acted upon to bring out the best of the library.We will then go on to cover the use of visually engaging, highly configurable user interface widgets. At the end of this book, we'll look at the functioning of all of the UI effects available in the jQuery UI library. Spis treści: jQuery UI 1.10: The User Interface Library for jQueryTable of ContentsjQuery UI 1.10: The User Interface Library for jQueryCreditsAbout the AuthorsAbout the Reviewerswww.PacktPub.comSupport files, eBooks, discount offers and moreWhy Subscribe?Free Access for Packt account holdersPrefaceWhat this book coversWhat you need for this bookWho (...) więcej this book is forConventionsReader feedbackCustomer SupportDownloading the example codeDownloading the color images of this bookErrataPiracyQuestions1. Introducing jQuery UIDownloading the libraryUsing the hosted versions of jQuery UISetting up a development environmentUnderstanding the structure of the libraryExamining the folder structure in detailWorking with ThemeRollerCategorizing the component categoriesIntroducing the widget factory and effectsBrowser supportUsing the book examplesLibrary licensingIntroducing the APIEvents and callbacksCallback argumentsSummary2. The CSS Framework and Other UtilitiesWorking with the files that make up the frameworkjquery.ui.all.cssjquery.ui.base.cssjquery.ui.core.cssExplaining the individual component framework filesjquery.ui.theme.cssLinking to the required framework filesUsing the framework classesWorking with containersUsing interactionsAdding iconsExamining the icons in detailAdding custom iconsUsing custom icons a noteInteraction cuesSwitching themes quickly and easilyOverriding the themeThe position utilityUsing the position utilityExplaining collision avoidancePositioning with a functionUsing the position widget in a real-world exampleThe widget factorySummary3. Using the Tabs WidgetImplementing a tab widgetStyling the Tabs widgetApplying a custom theme to the tabsConfiguring the Tabs widgetWorking with tabsSelecting a tabDisabling a tabAdding transition effectsCollapsing a tabWorking with the Tab eventsBinding to eventsUsing tab methodsEnabling and disabling tabsAdding and removing tabsSimulating clicksDestroying tabsGetting and setting optionsWorking with AJAX tabsChanging the URL of a remote tabs contentDisplaying data obtained via JSONPSummary4. The Accordion WidgetStructuring the accordion widgetStyling the accordionConfiguring an accordionChanging the trigger eventChanging the default active headerFilling the height of its containerUsing the accordion animationListing the accordion eventsUsing the change eventConfiguring the beforeActivate eventExplaining the accordion methodsHeader activationAdding or removing panelsResizing an accordion panelAccordion interoperabilityUsing multiple accordionsSummary5. The DialogCreating a basic dialogListing the dialog optionsShowing the dialogSetting a dialog titleConfiguring the modality optionAdding buttonsAdding icons to the dialog buttonsEnabling dialog animationsConfiguring the dialog's dimensionsSetting the z-index order of dialogsControlling the focusHandling the dialog's event callbacksControlling a dialog programmaticallyToggling the dialogGetting data from the dialogExploring dialog interoperabilityCreating a dynamic image-based dialogSummary6. The Slider and Progressbar WidgetsIntroducing the slider widgetCustom stylingConfiguring a basic sliderCreating a vertical sliderSetting the maximum and minimum valuesStepping with the slider widgetAnimating the slider widgetSetting the slider's valueUsing multiple handlesWorking with the range optionUsing the slider's event APIUsing slider methodsPractical usesCreating a color sliderIntroducing the progressbar widgetListing the progressbar's optionsSetting the progressbar's valueThe progressbar's event APIUsing progressbar methodsAdding indeterminate supportResponding to user interactionImplementing rich uploads with a progressbarSummary7. The Datepicker WidgetImplementing the datepicker widgetSelecting dates using inline calendarsConfigurable options of the datepickerUsing the basic optionsMinimum and maximum datesChanging the elements in the datepicker UIAdding a trigger buttonConfiguring alternative animationsDisplaying multiple monthsDisplaying the datepicker verticallyChanging the date formatUpdating an additional input elementChanging the date formatLocalizing the datepicker widgetImplementing custom localizationImplementing callbacksLocalizing a datepicker dynamically via rollupIntroducing the utility methodsListing the datepicker methodsSelecting a date programmaticallyShowing the datepicker in a dialog boxImplementing an AJAX-enabled datepickerSummary8. The Button and Autocomplete WidgetsIntroducing the button widgetImplementing the standard buttonsCreating buttons using the or tagsThemingExploring the configurable optionsAdding the button iconsInput iconsAdding the Button eventsCreating button setsCheckbox button setsRadio button setsWorking with button methodsIntroducing the autocomplete widgetWorking with local data sourcesUsing an array of objects as the data sourceConfigurable autocomplete optionsConfiguring minimum lengthAppending the suggestion list to an alternative elementWorking with autocomplete eventsThe autocomplete methodsWorking with remote data sourcesRetrieving content based on inputPassing a function as a source optionDisplaying HTML in the list of suggestionsSummary9. Creating MenusImplementing a basic menu widgetExploring the menu CSS framework classesConfiguring menu optionsStyling menusDisplaying the state of the selected menu options using iconsAdding dividers to menusUsing menu methodsEnabling and disabling menu options programmaticallyAdding and removing menu itemsWorking with menu eventsBinding to eventsCreating horizontal menusCombining with other widgetsDesigning context menusEnhancing a select menuSummary10. Working with TooltipsImplementing a default tooltipExploring the tooltip CSS framework classesOverriding the default stylesUsing prebuilt themesCreating custom themes with ThemeRollerConfiguring tooltip optionsPositioning tooltips accuratelyUsing the position widgetTracking mouse movement with tooltipsDisplaying certain tooltipsDisplaying AJAX content in tooltipsHow can we tell if it has worked?Using effects in tooltipsWorking with HTML in tooltipsThe dangers of working with HTMLUsing tooltip methodsEnabling and disabling tooltipsDisplaying tooltips programmaticallyHandling tooltip eventsBinding to tooltip eventsPlaying videosFilling out and validating formsSummary11. Drag and DropThe deal with draggables and droppablesGetting started with the draggable widgetImplementing a basic dragConfiguring the draggable optionsUsing the configuration optionsResetting the dragged elementsAdding the drag handle supportAdding the helper elementsConstraining the dragSnappingDraggable event callbacksDraggable's methodsGetting started with the droppable widgetConfiguring droppablesConfiguring accepted draggablesConfiguring drop toleranceUnderstanding the droppable callback optionsSetting the scope options for droppableConfiguring the greedy optionDroppable methodsCreating a maze game using the widgetsSummary12. The Resizable ComponentImplementing a basic resizable widgetListing the resizable optionsConfiguring the resize handlesAdding additional handle imagesDefining size limitsResizing ghostsContaining the resizeHandling aspect ratioResizable animationsSimultaneous resizingPreventing unwanted resizesDefining resizable eventsLooking at the resizable methodsCreating resizable tabsSummary13. Selecting and Sorting with jQuery UIIntroducing the selectable widgetIntroducing the Selectee class namesConfiguring the selectable componentFiltering selectablesCanceling the selectionHandling selectable eventsWorking with vast amounts of selectablesWorking with selectable methodsRefreshing selectablesCreating a selectable image viewerAdding the behaviorStyling the image selectorGetting started with the sortable widgetStyling the sortable widgetConfiguring sortable optionsPlaceholdersSortable helpersSortable itemsConnecting listsReacting to sortable eventsConnecting callbacksListing the sortable methodsSerializingExploring widget compatibilityAdding draggablesSummary14. UI EffectsUsing the core effects fileUsing color animationsUsing class transitionsAdvanced easingHighlighting specified elementsAdding additional effect argumentsBouncingShaking an elementTransferring an element's outlineScaling elements on a pageExploding elements on a pageCreating a puff effectWorking with the pulsate effectAdding the drop effect to elementsImplementing the sliding effectUsing easingUnderstanding the blind effectClipping elementsFolding elementsSummaryA. Help and SupportDownloading jQueryUpdating the code samplesGetting helpChanging themesGetting help from the communityNeed to ask a question?Getting help via IRC chatAsking at Stack OverflowReporting a bug in the libraryIndex mniej