Class Noodle.HTML

Object
   |
   +--Noodle.HTML

class Noodle.HTML

Utilities for manipulating html.
Defined in noodle.js

Constructor Detail

Noodle.HTML

Noodle.HTML()

button

<static> Object button(<string> label, <string> onclick, <string> id, <string> css)

Returns the html for a button with a label and onclick handler; and optional id and class-name.

Parameters:
label - Button label HTML.
onclick - Button onclick JS.
id - Button id.
css - Button css class name.

Returns:
Button HTML.

checkBox

<static> Object checkBox(<string> name, <string> label, <string> id, <string> css, <boolean> checked)

Returns the html for an input with the specified name and label, and optional id, class-name, and checked state.

Parameters:
name - Input name.
label - Checkbox label.
id - Input id.
css - Input css class name.
checked - True if checked.

Returns:
Checkbox HTML.

confirm

<static> Object confirm(<string> msg, <string> name, <boolean> checked, <string> skipLabel)

Returns the html for the content of a confirm dialog which includes the option to turn off the confirm dialog in the future.

Parameters:
msg - Confirmation message.
name - Input name; defaults to "skip".
checked - True if checked; defaults to false.
skipLabel - Label for skip checkbox.

Returns:
Content HTML.

image

<static> Object image(<string> src, <string> title, <string> href, <string> id, <string> css)

Returns the html for an image with a source and title; and optional link href, id, and class-name.

Parameters:
src - Image source url.
title - Image alt text and title HTML.
href - Link url.
id - Image/link id.
css - Image/link css class name.

Returns:
Image HTML.

input

<static> Object input(<string> name, <string> value, <string> id, <string> css, <string> type)

Returns the html for an input with the specified name and optional value, id, class-name, and type.

Parameters:
name - Input name.
value - Input value HTML.
id - Input id.
css - Input css class name.
type - Input type.

Returns:
Input HTML.

label

<static> Object label(<string> label, <string> fid, <string> css)

Returns the html for a label with the specified label text and optional for-id and css class.

Parameters:
label - Label text HTML.
fid - Field id.
css - Label css class.

Returns:
Label HTML.

propertyGroup

<static> Object propertyGroup(<string> label, <string> content)

Returns the html for a property group with the specified content and optional label.

Parameters:
label - Group label HTML.
content - Group content HTML.

Returns:
Group HTML.

propertyLine

<static> Object propertyLine(<string> label, content, fid)

Returns the html for a property line with the specified content and optional label and input-for-id.

Parameters:
label - Line label HTML.
Line - content HTML.
Field - id.

Returns:
Line HTML.

radioButtonGroup

<static> Object radioButtonGroup(<string> name, <object[]> options, <string> id, <string> css)

Returns the html for a radio-button group with the specified name and array of options.

Parameters:
name - Input name.
options - Array of options.
id - Option id.
id - Group id.
css - Option css class name.
css - Group css class name.
value - Option value.
label - Option label.

Returns:
Group HTML.

selectBox

<static> Object selectBox(<string> name, <object[]> options, <string> id, <string> css, <boolean> multiple)

Returns the html for a select-box with the specified name and array of options.

Parameters:
name - Input name.
options - Array of options.
id - Input id.
css - Option css class name.
css - Input css class name.
multiple - True if multi-select.
value - Option value.
label - Option label.

Returns:
Selectbox HTML.

submitGroup

<static> Object submitGroup(<string> submitLabel, <function> submitFn, <string> cancelLabel, <function> cancelFn)

Returns the html for a submit-buttons group with the specified submit and/or cancel label and onclick fn.

Parameters:
submitLabel - Submit button label HTML. If unspecified, submit button is omitted.
submitFn - Submit button function.
cancelLabel - Cancel button label HTML. If unspecified, cancel button is omitted.
cancelFn - Cancel button function.

Returns:
Group HTML.

tabs

<static> Object tabs(tabs, <string> id, <string> css)

Returns the html for a tabs list with the specified array of tabs.

Parameters:
id - Tab id.
id - Tabs id.
css - Tabs css class name.
options - Array of tabs.
label - Tab label.
onclick - Tab onclick JS.
selected - True if tab selected.

Returns:
Tabs HTML.