@@INCLUDE@@ ../../web_elements/javascripts/aws.tjs
@@INCLUDE@@ ../../web_elements/notebook/notebook.thtml Tabs currentPage TabContents page1

# Ajax - Asynchronous JavaScript language and XML demos

- Button
- Button/Clear
- Select
- Select/Form
- Complex Form
- XML 1
- XML 2
- XML 3

Click on the button...

... result here ... @@INCLUDE@@ ../../web_elements/javascripts/aws_action_replace.tjs onclick clickme placeholder
Click on the button...
<input id="clickme" type="button" value="Click Me">
<div id="placeholder">... result here ...</div>
@@INCLUDE@@ aws_action_replace.tjs onclick clickme placeholder

Enter some text in the following entry:

Click on the button...

Clear actions:

... result here ... @@INCLUDE@@ ../../web_elements/javascripts/aws_action_replace.tjs (onclick, data, placeholder2, 5=>field) @@INCLUDE@@ ../../web_elements/javascripts/aws_action_clear.tjs (onclick, cdata, field) @@INCLUDE@@ ../../web_elements/javascripts/aws_action_clear.tjs (onclick, cplaceh, placeholder2)
Enter some text in the following entry:
<input id="field" type="text" value="enter some text here">
Click on the button...
<input id="data" type="button" value="Click Me">
Clear the entry:
<input id="cdata" type="button" value="Clear">
<div id="placeholder">... result here ...</div>
@@INCLUDE@@ aws_action_replace.tjs (onclick, data, placeholder, 5=>field)
@@INCLUDE@@ aws_action_clear.tjs (onclick, cdata, field)

Select a value from the select:

... result here ... @@INCLUDE@@ ../../web_elements/javascripts/aws_action_replace.tjs (onchange, select_color, placeholder3, 5=>select_color)
Select a value from the select:
<select id="select_color" name="select_color">
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select>
<div Class="Result" id="placeholder">... result here ...</div>
@@INCLUDE@@ aws_action_replace.tjs (onchange, select_color, placeholder, 5=>select_color)

Select a value from a form

Select one size Large Medium Small
... result here ... @@INCLUDE@@ ../../web_elements/javascripts/aws_action_replace.tjs (onsubmit, small_form, form_result, 5=>small_form)
Select a color:
<form id="small_form" name="small_form">
<select id="form_color" name="form_color">
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select>
<fieldset>
<legend>Select one size</legend>
<input type=radio name=size value=large>Large
<input type=radio name=size value=medium>Medium
<input type=radio name=size value=small>Small
</fieldset>
<input type="submit" value="Send"/>
</form>
<div Class="Result" id="form_result">...result here...</div>
@@INCLUDE@@ aws_action_replace.tjs (onsubmit, small_form, form_result, 5=>small_form)
Actions
@@INCLUDE@@ ../../web_elements/javascripts/aws_action_replace.tjs onclick db_sel1 action @@INCLUDE@@ ../../web_elements/javascripts/aws_action_replace.tjs onclick db_sel2 action
@@INCLUDE@@ ../../web_elements/javascripts/aws_action_replace.tjs (onclick, g_action, action, 5=>db_group, 20=>list_group) @@INCLUDE@@ ../../web_elements/javascripts/aws_action_replace.tjs (onclick, u_action, action, 5=>db_user, 20=>list_user)
Groups
Users
Actions
@@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml1) @@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml_clear) @@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml3) @@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml4)
text1
text2
Options option1 option2 option3
Multiple Options optiona optionb optionc
Are you sure you want to clear everything ?

@@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml2) @@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml_clear_no)
Click on the buttons

Select some colors you like...

Colors

- Red
- Green
- Blue
- Yellow
- Magenta

... and place them below.

Colors you like

@@INCLUDE@@ ../../web_elements/javascripts/aws_sortable.tjs fromlist tolist

@@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml5) @@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml6) @@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml_get_list, 4=>tolist)

... result here ...
Click on the buttons

Enter some text in the following entry:

Click on the button...

@@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, showdata, 4=>xfield)
@@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml7) @@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml8)
@@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml9) @@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml10)
@@INCLUDE@@ ../../web_elements/javascripts/aws_action_xml.tjs (onclick, xml11)
... result here ...