Titan Javascript Controls - Demos

License: (MIT)
© 2013 Scott Gay

Titan Javascript Controls @ GitHub

Titan Javascript Controls - Unit Tests (Jasmine)

Titan Javascript Controls - Unit Tests (QUnit)

---

textbox - dropdown - toggle - toggle grouping - spiderweb - tooltip - button - popup - radio group - checkbox - textarea - double multiselect - video player

---

Input Textbox Control

Features: placeholder, validation

Parameters: container*, placeholder*, width, validationRegex

Exposed Actions: setValue(val), getValue(), isValid()

Dropdown Control

Features: autoComplete, list item images

Parameters: container*, data*, placeholder, width, onchange

Exposed Actions: setValue(val), getValue(), clearValue()

Toggle Control

Features: on/off style toggle, custom on/off text

Parameters: container*, textOn, textOff, checked

Exposed Actions: setValue(val), getValue()

Grouping Control

Features: grouping for multiple toggle controls

Parameters: container*, width, values, type, onChange

Exposed Actions: NA

Spiderweb Control

Features: visualization of items, weighted by data order, clickable

Parameters: container*, title, subtitle, middlePictureUrl*, middlePictureHexColor*, displayHexColor*, data*, onclick*

Exposed Actions: NA

Tooltip Control

Features: on hover info display

Parameters: container*, width, xOffset, yOffset, text*

Exposed Actions: hide(), show()

Button Control

Features: customizable buttons

Parameters: container*, buttonText*, buttonColor, buttonSize, hoverEffect, onclick*

Exposed Actions: NA

Popup Control

Features: resizeable, draggable, background blackout

Parameters: container*, width, height, minWidth, maxWidth, minHeight, maxHeight, headerText*, headerExtra, content*, blackout, draggable, resizeable, resizeCallback, closeCallback

Exposed Actions: close(), hide(), show()

Radio Group Control

Features: radio button group with labels

Parameters: container*, items*, selected, onchange

Exposed Actions: setValue(val), getValue()

Checkbox Control

Features: checkbox with label

Parameters: container*, label, checked, onchange

Exposed Actions: setValue(val), getValue()

Textarea Control

Features: placeholder, no resize

Parameters: container*, placeholder*, height, width, value, onchange

Exposed Actions: setValue(val), getValue()

Double Multiselect Control

Features: multiselect control

Parameters: container*, items, height, width, onchange

Exposed Actions: setValues(vals), getValues(), removeValues()

Video Player Control

Features: html5 video player control

Parameters: container*, videoFormats*, thumbnail*, height, width, controls, autoplay, playcallback, pausecallback(start, end)

Exposed Actions: play(), pause(), stop()