jQuery - Komponenter

x

Parametre indsættes således;

Effects, Interaction, Widgets og metoder har visuel domo nederst på deres individuelle dokumentation.

Effects
Blind	{direction: up | down | left | right | vertical | horizontal},	Rullegardin med variabelt fastgørelsespunkt. Toggle
Bounce	{distance: 20}, { times: 3 },	Hoppeeffekt. Højde i pixel.
Clip	{up | vertical | horizontal},	Rullegardin. Toggle.
Color animation	se dokumentation	Ændring af 10 forskellige farver (deklarationer).
Drop	{!!!!: up | down | left | right.},	Rullegardin med variabelt fastgørelsespunkt. Toggle.
Easings	!!!!!	32 forskellige hastighedsforhøb for animationer.
Explode	{pieces: 9}	Skjuler / viser element ved at lade det eksplodere / implodere (skal være kvadrattal). Toggle
Fade	ingen	Skjuler / viser element ved at lade det 'fade' ud / ind. Toggle.
Fold	{size: 20}, { horizFirst: false },	Kombination af horisontalt og vertikalt rullegardin. Toggle.
Highlight	{color: "#ffff99"},	Viser baggrund øjeblik ved skjul / vis. Toggle.
Puff	{percent: 150},	Skjuler / viser element som 'dampsky' med anført %, der fordamper / fortættes. Toggle.
Pulsate	{times: 5},	Skjuler / viser element ved at lade det blinke anført antal gange. Toggle
Scale	{direction: both | vertical | horizontal}, {origin:[ "middle", "center" ]}, {percent: nn}, {scale: "both" | "box" | "content"},	Skalering af element til anført % (ingen % = skjul).
Shake	{direction: left | right | up | down}, {distance: 20}, {times: 3},	Rystning af element anførte antal pixel.
Size	{to: {width: 200, height: 60}}, {origin: ["top", "left"]}, {scale: "both" | "box" | "content"}, msek	Ændring af størrelse til anført bredde og højde. Statisk ændring eller tilbage efter antal millisekunder.
Slide	{direction: "left" | "right" | "up" | "down"}, {distance:},	Elementet glider ud af synsfeltet. Toggle.
Transfer	se dokumentation	!!!!!
Effects Core
Color animation		samme som ved 'Effects'.
Interaction
Draggable	QuickNav	Elementet kan trækkes med mus til andet sted på skærmen og bliver stående der indtil refresh af aktuel side.
Dropable	QuickNav	Elementet kan modtage 'draggable' elementer, der bliver stående der indtil refresh af aktuel side.
Mouse Interaction	QuickNav	!!!!!
Resizable	QuickNav	Gør elementet større elle mindre ved musetræk i nederste højre hjørne.
Selectable	QuickNav	Selekter i ul/ol-liste. Selekteret li-ident kan forblive markeret indtil anden ident vælges.
Sortable	QuickNav	Selekteret ul/ol-ident kan flyttes til en anden plads i 'li-rækken'.
Widgets
Accordion	QuickNav	Opbygning af Accordion med 'hx'-tekster og 'div'-bokse.
Autocomplete	QuickNav	Tilknytning af 'auto complete' til et 'input'-felt.
Button	QuickNav	Pænere (men stadig neutrale) knapper end HTML.
Buttonset	QuickNav	Knapper i sæt - Til erstatning for f.eks. korte menuer eller cirklerne i radio buttons.
Datepicker	QuickNav	Datovælger
Dialog	QuickNav	Overlay / modal dialog box med header og tekst. Findes i mange varianter fra 3'part.
Menu	QuickNav	Listebaseret menu med undermenuer.
Progressbar	QuickNav	Progress bar med procentuel færdiggørelse.
Selectmenu	QuickNav	Drop down menu.
Slider	QuickNav	Træk-og-slip glider til valg af værdi.
Spinner	QuickNav	Input felt til valg af heltal (positive og negative)
Tabs	QuickNav	Opbygning af listebaseret tab-struktur.
Tooltip	QuickNav	Pænere 'tooltip's til erstatning for 'native tooltips'.
UI Core
jQuery.ui.keyCode		Tilknytning af talværdier til 16 tastaturknapper.
Theming
css Framework		Oversigt over 'class names' brugt af jQuery UI. Kan være relevant i tilknytning til 'tematisering'.
Icons		Godt 100 'karakter-ikoner' til brug i jQuery UI
Stacking Elements		Vejledning i stakning med z-index.
metoder
.addClass()		Tilføjer 'className', 'duration', 'easing' eller 'complete' til anført HTML-tag, som om havde været indsat direkte i tagget.
.disableSelection()		!!!!!
.enableSelection()		!!!!!
.effect()		Tilføjer en jQ-UI 'effekt', 'options', 'duration' eller 'complete' til anført HTML-tag.
.focus()		!!!!!
.hide()		Skjuler anført 'effect', 'options', 'duration' eller 'complete' fra HTML-tag.
.position()		!!!!!
.removeClass()		Fjerner 'className', 'duration', 'easing' eller 'complete' fra anført HTML-tag, selvom indsat direkte i tagget.
.removeUniqueId()		!!!!!
.scrollParent()		!!!!!
.show()		Udfører anført 'effect', 'option', 'duration' eller 'complete' i tilknytning til anført tag.
.switchClass()		Udskifter 2 anførte klasser med hinanden i anført tag.
.toggle()		Tilføjer via knap toggle til en 'effekt', 'option', 'duration' eller 'complete' i anført tag.
.toggleClass()		Tilføjer toggle til 'className', 'switch', 'duration', 'easing' eller 'complete' i anført tag.
.uniqueId()		!!!!!
.zindex()		!!!!!
:selectors
:data()		Tilknytning af deklaration og værdi via 'data()'-metoden.
:focusable()		Tilknytning af anført selektor (med f.eks. farve) til tag / felt, der skal gøres opmærksomt på vi fokusering.
:tabbable()		!!!!!
Utilities
Easings		32 forskellige hastighedsforhøb for animationer.
Widget Factory		Værktøj til at bygge Widgets med.
Widget Plugin Bridge		Del af widget Factory
Mouse Interaction		Del af Widget Factory