jQuery UI bibliotēka

1. jQuery UI bibliotēka Ilze Platonova

2. jQuery UI • Rīku un mijiedarbību bibliotēka, kas būvēta uz jQuery JavaScript bibliotēkas • Izmanto tīmekļa lietotājprogrammu veidošanā • Lejuplādējot bibliotēkas zip failu, ir iespējams izvēlēties nepieciešamās komponentes http://jqueryui.com/ http://learn.jquery.com/jquery-ui/getting-started/ <link rel="stylesheet"href="css/themename/jquery-ui.custom.css" /> <script src="js/jquery.min.js"></script> <script src="js/jquery-ui.custom.min.js"></script>

3. Interactions • Draggable • scroll, scrollSensitivity, scrollSpeed • containment • Droppable • accept • Resizable • maxHeight, maxWidth, minHeight, minWidth • alsoResize • Selectable • Sortable • connectWith

4. Widgets • Accordian • Autocomplete • Button • Datepicker • Dialog • Menu • Progressbar • Slider • Tabs • Tooltip

5. Accordion • Attēlo aizveramus/atveramus sekcijas paneļus; • Pēc noklusējuma uz atveras uz kliksķa • event: «mouseover» • Pēc noklusējuma vienmēr viena sekcija vienmēr ir atvērta: • collapsible: true ;

6. Datepicker • Saistīts ar standarta ievades lauku • Lietotāja iespējas: • Izvēlas datumu uz tā nospiežot; • Esc taustiņš vai klikšķis ārpus kalendāra tā aizvēršanai; • Ir iespējams pievienot dažādas papildus iespējas, piemēram • showButtonPanel: true • currentText: «Now» • closeText: «Close»

7. Autocomplete • Palīdz lietotājam ātrak atrast un izvēlēties vērtību, ievadot tekstu ievades laukā; • Autocomplete rīks nodrošina lietotāju ar ierosinājumiem • Iespējas: • miniLength: 0 • Style: • max-height: 100px;

8. Dialog • Vienkāršs dialoga logs, pārklāj atvērto logu • Lietotājs var (pēc noklusējuma): • pārvietot; • aizvērt ar «x» ikonu; • mainīt dialoga izmēru. • Ir iespējams pievienot papildus funkcionalitāti, piemēram button iespējas. • Dialogveida formas ar aizpildāmiem laukiem.

9. Tabs • Ar cilņu palīdzību viens saturs tiek sadalīts vairākos paneļos; • Pēc noklusējuma cilnes ir izkārtotas lapas augšā no kreisās uz labo pusi. • Iespējas: • { collapsible: true }