Any old attribute.
Holds a series of choices: HTML for input controls alongside some user defined value
Holds a form control as HTML along with some user defined value
An attribute that can be applied to an element.
Convert a T to a String for display in Select, MultiSelect, etc.
The companion object that has some very helpful conversion
A companion object that does implicit conversions
Create an anchor that will run a JavaScript command when clicked
Create an anchor with a body and the function to be executed when the anchor is clicked
Create an anchor with a body and the function to be executed when the anchor is clicked
-- the user function that will be executed. This function will receive as last parameter the function that will actually do the ajax call. Hence the user function can decide when to make the ajax request.
- the NodeSeq to wrap in the anchor tag
- the anchor node attributes
Create an anchor with a body and the function to be executed when the anchor is clicked
Create an anchor tag around a body which will do an AJAX call and invoke the function
Create an anchor tag around a body which will do an AJAX call and invoke the function
-- the user function that will be executed. This function will receive as last parameter the function that will actually do the ajax call. Hence the user function can decide when to make the ajax request.
- the function to invoke when the link is clicked
- the NodeSeq to wrap in the anchor tag
- the anchor node attributes
Create an anchor tag around a body which will do an AJAX call and invoke the function
Create an anchor tag around a body which will do an AJAX call and invoke the function
- the function to invoke when the link is clicked
- the NodeSeq to wrap in the anchor tag
- the anchor node attributes
Create an Ajax button.
Create an Ajax button. When it's pressed, the function is executed
-- the name/text of the button
-- the function to execute when the button is pushed. Return Noop if nothing changes on the browser.
a button to put on your page
Create an Ajax button.
Create an Ajax button. When it's pressed, the function is executed
-- the name/text of the button
-- the function to execute when the button is pushed. Return Noop if nothing changes on the browser.
a button to put on your page
Create an Ajax button.
Create an Ajax button. When it's pressed, the function is executed
-- the name/text of the button
-- the user function that will be executed. This function will receive as last parameter the function that will actually do the ajax call. Hence the user function can decide when to make the ajax request.
-- the function to execute when the button is pushed. Return Noop if nothing changes on the browser.
a button to put on your pagejsFunc.params ++ List(AnonFunc(makeAjaxCall(Str(name+"=true"))))
Create an Ajax button.
Create an Ajax button. When it's pressed, the function is executed
-- the name/text of the button
-- the function to execute when the button is pushed. Return Noop if nothing changes on the browser.
-- the list of node attributes
a button to put on your page
Create an Ajax button.
Create an Ajax button. When it's pressed, the function is executed
-- the name/text of the button
-- the function to execute when the button is pushed. Return Noop if nothing changes on the browser.
-- the list of node attributes
a button to put on your page
Build a JavaScript function that will perform an AJAX call based on a value calculated in JavaScript
Build a JavaScript function that will perform an AJAX call based on a value calculated in JavaScript
the JavaScript that will be executed on the client to calculate the value to be sent to the server
the context instance that defines JavaScript to be executed on call success or failure
the function to call when the data is sent
the function ID and JavaScript that makes the call
Build a JavaScript function that will perform an AJAX call based on a value calculated in JavaScript
Build a JavaScript function that will perform an AJAX call based on a value calculated in JavaScript
the JavaScript that will be executed on the client to calculate the value to be sent to the server
the function to call when the data is sent
the function ID and JavaScript that makes the call
This method generates an AJAX editable field.
This method generates an AJAX editable field.
Normally, the displayContents will be shown, with an "Edit" button. If the "Edit" button is clicked, the field will be replaced with the edit form, along with an "OK" and "Cancel" button. If the OK button is pressed, the form fields are submitted and the onSubmit function is called, and then the displayContents are re-run to get a new display. If cancel is pressed then the original displayContents are re-shown.
Note that the editForm NodeSeq is wrapped inside of an ajaxForm, so it can be comprised
of normal (non-AJAX) SHtml form elements. For example:
ajaxEditable(Test("Click me"),
SHtml.text("Edit me", s => println("Edited with " +s)),
() => { println("submitted"); Noop })
Takes a form and wraps it so that it will be submitted via AJAX.
Takes a form and wraps it so that it will be submitted via AJAX. This also takes a parameter for script code that will be executed after the form has been submitted.
The form body. This should not include the <form> tag.
Code that should be executed after a successful submission
Takes a form and wraps it so that it will be submitted via AJAX.
Takes a form and wraps it so that it will be submitted via AJAX.
The form body. This should not include the <form> tag.
JavaScript code to execute on the client prior to submission
Takes a form and wraps it so that it will be submitted via AJAX.
Takes a form and wraps it so that it will be submitted via AJAX.
The form body. This should not include the <form> tag.
Make a set of Ajax radio buttons.
Make a set of Ajax radio buttons. When the buttons are pressed, the function is called
-- The possible values. These are not revealed to the browser
-- the default button
-- the function to invoke when the button is pressed
Create a select box based on the list with a default value and the function to be executed on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
-- a list of value and text pairs (value, text to display)
-- the default value (or Empty if no default value)
-- the function to execute on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
-- a list of value and text pairs (value, text to display)
-- the default value (or Empty if no default value)
-- the function to execute on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
-- a list of value and text pairs (value, text to display)
-- the default value (or Empty if no default value)
-- the function to execute on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
-- a list of value and text pairs (value, text to display)
-- the default value (or Empty if no default value)
-- the function to execute on form submission
Constructs an Ajax submit button that can be used inside ajax forms.
Constructs an Ajax submit button that can be used inside ajax forms. Multiple buttons can be used in the same form.
- the button text
- the ajax function to be called
- button attributes
Generate an Area tag
Generate an Area tag
- the shape of the area (RectShape, CircleShape, CirclePercentShape, PolyShape)
- The server side function to execute when the area is clicked on.
- the contents of the alt attribute
- the balance of the attributes for the tag
Generate an Area tag
Generate an Area tag
- the shape of the area (RectShape, CircleShape, CirclePercentShape, PolyShape)
- the JavaScript to execute on the client when the area is clicked
- the contents of the alt attribute
- the balance of the attributes for the tag
Generate an Area tag
Generate an Area tag
- the shape of the area (RectShape, CircleShape, CirclePercentShape, PolyShape)
- the contents of the alt attribute
- the balance of the attributes for the tag
Create an HTML button with strOrNodeSeq as the body.
Create an HTML button with strOrNodeSeq as the body. The button will be type submit.
-- the String or NodeSeq (either will work just fine) to put into the body of the button
-- the function to execute when the form containing the button is posted
-- the attributes to append to the button
a button HTML Element b
Defines a new checkbox set to { @code value } and running { @code func } when the checkbox is submitted.
Generate a ChoiceHolder of possible checkbox type inputs that calls back to the given function when the form is submitted.
Generate a ChoiceHolder of possible checkbox type inputs that calls back to the given function when the form is submitted.
complete sequence of possible values, each a separate checkbox when rendered
values to be preselected
function to receive all values corresponding to the checked boxes
sequence of attributes to apply to each checkbox input element
ChoiceHolder containing the checkboxes and values in order
Defines a new checkbox for the Settable
Defines a new checkbox set to { @code value } and running { @code func } when the checkbox is submitted.
Defines a new checkbox set to { @code value } and running { @code func } when the checkbox is submitted. Has an id of { @code id }.
Defines a new checkbox for the Settable
Generate an email input element for the Settable.
Generate an email input element for the Settable. At some point there will be graceful fallback for non-HTML5 browsers. FIXME
Generate an input field with type email.
Generate an input field with type email. At some point, there will be graceful fallback for non-HTML5 browsers. FIXME
Defines a form element for a file upload that will call the specified function when the file is uploaded if the file size is greater than zero.
Defines a form element for a file upload that will call the specified function when the file is uploaded if the file size is greater than zero. Note that in order to use the fileUpload element you need to specify the multipart attribute on your snippet tag:
<lift:Some.snippet form="POST" multipart="true"> ... </lift:Some.snippet>
If you want to update the href of an <a> tag,
this method returns a function that mutates the href
by adding a function that will be executed when the link
is clicked:
"#my_link" #> SHtml.hrefFunc(() => println("howdy"))
If you want to update the href of an <a> tag,
this method returns a function that mutates the href
by adding a function that will be executed when the link
is clicked:
"#my_link" #> SHtml.hrefFunc(() => println("howdy"))
Memoize the NodeSeq used in apply() and then call applyAgain() in an Ajax call and you don't have to explicitly capture the template
Create an Ajax buttun that when it's pressed it submits an Ajax request and expects back a JSON construct which will be passed to the success function
Create an Ajax buttun that when it's pressed it submits an Ajax request and expects back a JSON construct which will be passed to the success function
-- the name/text of the button
-- the function to execute when the button is pushed. Return Noop if nothing changes on the browser.
-- defines the callback functions and the JSON response type
-- the list of node attributes
a button to put on your page
Create an Ajax buttun that when it's pressed it submits an Ajax request and expects back a JSON construct which will be passed to the success function
Create an Ajax buttun that when it's pressed it submits an Ajax request and expects back a JSON construct which will be passed to the success function
-- the name/text of the button
-- the function to execute when the button is pushed. Return Noop if nothing changes on the browser.
-- defines the callback functions and the JSON response type
-- the list of node attributes
a button to put on your page
Build a JavaScript function that will perform a JSON call based on a value calculated in JavaScript
Build a JavaScript function that will perform a JSON call based on a value calculated in JavaScript
the JavaScript to calculate the value to be sent to the server
the context instance that defines JavaScript to be executed on call success or failure
the function to call when the data is sent
the function ID and JavaScript that makes the call
Build a JavaScript function that will perform a JSON call based on a value calculated in JavaScript
Build a JavaScript function that will perform a JSON call based on a value calculated in JavaScript
the JavaScript to calculate the value to be sent to the server
the function to call when the data is sent
the function ID and JavaScript that makes the call
Takes a form and wraps it so that it will be submitted via AJAX and processed by a JSON handler.
Takes a form and wraps it so that it will be submitted via AJAX and processed by a JSON handler. This can be useful if you may have dynamic client-side modification of the form (addition or removal).
The handler that will process the form
JavaScript code that will be executed on the client prior to submitting the form
The form body. This should not include the <form> tag.
Takes a form and wraps it so that it will be submitted via AJAX and processed by a JSON handler.
Takes a form and wraps it so that it will be submitted via AJAX and processed by a JSON handler. This can be useful if you may have dynamic client-side modification of the form (addition or removal).
The handler that will process the form
The form body. This should not include the <form> tag.
Create a JSON text widget that makes a JSON call on blur or "return".
Create a JSON text widget that makes a JSON call on blur or "return".
- the initial value of the text field
- the json command name
- the JsonCall returned from S.buildJsonFunc
a text field
This function does not really submit a JSON request to server instead json is a function that allows you to build a more complex JsCmd based on the JsExp JE.JsRaw("this.value").
This function does not really submit a JSON request to server instead json is a function that allows you to build a more complex JsCmd based on the JsExp JE.JsRaw("this.value"). This function is called by the overloaded version of jsonText.
- the initial value of the text field
- takes a JsExp which describes how to recover the value of the text field and returns a JsExp containing the thing to execute on blur/return
a text field
This function does not really submit a JSON request to server instead json is a function that allows you to build a more complex JsCmd based on the JsExp JE.JsRaw("this.value").
This function does not really submit a JSON request to server instead json is a function that allows you to build a more complex JsCmd based on the JsExp JE.JsRaw("this.value"). This function is called by the overloaded version of jsonText.
- the initial value of the text field
- ignore the onblur event and only do the event if the enter key is pressed
- takes a JsExp which describes how to recover the value of the text field and returns a JsExp containing the thing to execute on blur/return
a text field
Create a JSON text area widget that makes a JSON call on blur
Create a JSON text area widget that makes a JSON call on blur
- the initial value of the text field
- the json command name
- the JsonCall returned from S.buildJsonFunc
a text field
This function does not really submit a JSON request to server instead json is a function that allows you to build a more complex JsCmd based on the JsExp JE.JsRaw("this.value").
This function does not really submit a JSON request to server instead json is a function that allows you to build a more complex JsCmd based on the JsExp JE.JsRaw("this.value"). This function is called by the overloaded version of jsonTextarea.
- the initial value of the text area field
- takes a JsExp which describes how to recover the value of the text area field and returns a JsExp containing the thing to execute on blur
a text area field
create an anchor tag around a body
create an anchor tag around a body
- the function to invoke when the link is clicked
- the NodeSeq to wrap in the anchor tag
Invokes the Ajax request
Invokes the Ajax request
the JsExp that returns the request data
defines the response callback functions and the response type (JavaScript or JSON)
Invokes the Ajax request
Invokes the Ajax request
the JsExp that returns the request data
Vend a function that will take all of the form elements and turns them into Ajax forms
Memoize the NodeSeq used in apply() and then call applyAgain() in an Ajax call and you don't have to explicitly capture the template
Create a select box based on the list with a default value and the function to be executed on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
-- a list of value and text pairs (value, text to display)
-- the default value (or Empty if no default value)
-- the function to execute on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
-- a list of value and text pairs (value, text to display)
-- the default value (or Empty if no default value)
-- the function to execute on form submission
Generate a number input element for the Settable.
Generate a number input element for the Settable. At some point there will be graceful fallback for non-HTML5 browsers. FIXME
Generate an input field with type number.
Generate an input field with type number. At some point, there will be graceful fallback for non-HTML5 browsers. FIXME
Create something that's bindable to an event attribute
and when the event happens, the command will fire:
"input [onblur]" #> SHtml.onEvent(s => Alert("Thanks: "+s))
Specify the events (e.
Specify the events (e.g., onblur, onchange, etc.)
and the function to execute on those events. Returns
a NodeSeq => NodeSeq that will add the events to all
the Elements
":text" #> SHtml.onEvents("onchange", "onblur")(s => Alert("yikes "+s))
execute the String function when the form is submitted.
execute the String function when the form is submitted. This method returns a function that can be applied to form fields (input, button, textarea, select) and the function is executed when the form containing the field is submitted.
Execute the Boolean function when the form is submitted.
Execute the Boolean function when the form is submitted. This method returns a function that can be applied to form fields (input, button, textarea, select) and the function is executed when the form containing the field is submitted.
Execute the function when the form is submitted.
Execute the function when the form is submitted. This method returns a function that can be applied to form fields (input, button, textarea, select) and the function is executed when the form containing the field is submitted.
execute the List[String] function when the form is submitted.
execute the List[String] function when the form is submitted. This method returns a function that can be applied to form fields (input, button, textarea, select) and the function is executed when the form containing the field is submitted.
execute the function when the form is submitted.
execute the function when the form is submitted. This method returns a function that can be applied to form fields (input, button, textarea, select) and the function is executed when the form containing the field is submitted.
Generate a collection or radio box items from a sequence of things
Generate a range input element for the Settable.
Generate a range input element for the Settable. At some point there will be graceful fallback for non-HTML5 browsers. FIXME
Generate an input field with type range.
Generate an input field with type range. At some point, there will be graceful fallback for non-HTML5 browsers. FIXME
Create a select box based on the list with a default value and the function to be executed on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
-- the options. A list of value and text pairs (value, text to display)
-- the default value (or Empty if no default value)
-- the function to execute on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
-- a list of values
-- the attributes to append to the resulting Elem, these may be name-value pairs (static attributes) or special HTML5 ElemAtts
-- the function that converts a T to a Display String.
Create a select box based on the list with a default value and the function to be executed on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
-- a list of values
-- the default value (or Empty if no default value)
-- the attributes to append to the resulting Elem, these may be name-value pairs (static attributes) or special HTML5 ElemAtts
-- the function to execute on form submission
-- the function that converts a T to a Display String.
Create a select box based on the list with a default value and the function to be executed on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
-- a list of value and text pairs (value, text to display)
-- the default value (or Empty if no default value)
-- the function to execute on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
Create a select box based on the list with a default value and the function to be executed on form submission
-- the options. A list of value and text pairs
-- the default value (or Empty if no default value)
-- the function to execute on form submission
Create a span that will run a JavaScript command when clicked
Generates a form submission button.
Generates a form submission button.
The label for the button
The function that will be executed on form submission
Optional XHTML element attributes that will be applied to the button
Having a regular form, this method can be used to send the serialized content of the form.
Having a regular form, this method can be used to send the serialized content of the form.
- the function that needs to be called after a successfull request
Submits a form denominated by a formId and execute the func function after form fields functions are executed.
Having a regular form, this method can be used to send the serialized content of the form.
Generates a form submission button with a default label.
Generates a form submission button with a default label.
The function that will be executed on form submission
Optional XHTML element attributes that will be applied to the button
Having a regular form, this method can be used to send the content of the form as JSON.
Having a regular form, this method can be used to send the content of the form as JSON. the request will be processed by the jsonHandler
- the handler that process this request
Build a swappable visual element.
Build a swappable visual element. If the shown element is clicked on, it turns into the hidden element and when the hidden element blurs, it swaps into the shown element.
Generate an input element for the Settable
Create a multiple select box based on the list with a default value and the function to be executed on form submission.
Create a multiple select box based on the list with a default value and the function to be executed on form submission. No check is made to see if the resulting value was in the original list. For use with DHTML form updating.
-- the options. A list of value and text pairs
-- the default value (or Empty if no default value)
-- the function to execute on form submission
Create a multiple select box based on the list with a default value and the function to be executed on form submission.
Create a multiple select box based on the list with a default value and the function to be executed on form submission. No check is made to see if the resulting value was in the original list. For use with DHTML form updating.
-- the options. A list of value and text pairs
-- the default value (or Empty if no default value)
Create a select box based on the list with a default value and the function to be executed on form submission.
Create a select box based on the list with a default value and the function to be executed on form submission. No check is made to see if the resulting value was in the original list. For use with DHTML form updating.
-- the options. A list of value and text pairs
-- the default value (or Empty if no default value)
-- the function to execute on form submission
Create a select box based on the list with a default value and the function to be executed on form submission.
Create a select box based on the list with a default value and the function to be executed on form submission. No check is made to see if the resulting value was in the original list. For use with DHTML form updating.
-- the options. A list of value and text pairs
-- the default value (or Empty if no default value)
-- the function to execute on form submission
Generate a url input element for the Settable.
Generate a url input element for the Settable. At some point there will be graceful fallback for non-HTML5 browsers. FIXME
Generate an input field with type url.
Generate an input field with type url. At some point, there will be graceful fallback for non-HTML5 browsers. FIXME
Takes a form and wraps it so that it will be submitted via AJAX.
Takes a form and wraps it so that it will be submitted via AJAX.
JavaScript code to execute on the client prior to submission
The form body. This should not include the <form> tag.
Use ajaxForm(NodeSeq,JsCmd) instead
The SHtml object defines a suite of XHTML element generator methods to simplify the creation of markup, particularly with forms and AJAX.