Inherit domajax options from another element
data-alias takes a selector that contains a domajax configuration, and will apply this configuration to the current element. This avoids to copy/paste a bunch of domajax options several times if they are used in several elements. Note that If data-alias is used with other data- options, data-alias will not overwrite the given options.
This form looks like this:
<div id="input">
<label for="fruit">Enter a fruit</label>
<input
type="text"
id="fruit"
value="orange"
class="btn domajax keyup"
data-endpoint="alias-autosave-handler.php"
data-input="#input"
data-output="#output"
/>
<br/><br/>
<label for="vegetable">Enter a vegetable</label>
<input
type="text"
id="vegetable"
class="btn domajax keyup"
data-alias="#fruit"
/>
</div>
<div id="output"></div>
This form looks like this:
<div id="input">
<label for="fruit">Enter a fruit</label>
<input
type="text"
id="fruit"
value="orange"
class="btn domajax keyup"
data-endpoint="alias-autosave-handler.php"
data-input="#input"
data-output="#output"
data-highlight=""
data-highlight-color="blue"
/>
<br/><br/>
<label for="vegetable">Enter a vegetable</label>
<input
type="text"
id="vegetable"
class="btn domajax keyup"
data-alias="#fruit"
data-highlight=""
data-highlight-color="red"
/>
</div>
<div id="output"></div>
This form looks like this:
<div
class="my-ajax"
data-endpoint="alias-multiple-handler.php"
></div>
<div
class="my-ajax"
data-output="#output"
></div>
<input
type="button"
value="Click me!"
class="btn domajax click"
data-alias=".my-ajax"
/>
<div id="output"></div>
This form looks like this:
<input
type="button"
value="Click me!"
class="btn domajax click"
data-alias="#elemA"
/>
<div
id="elemA"
data-endpoint="alias-alias-handler.php"
data-alias="#elemB"
></div>
<div
id="elemB"
data-output="#output"
></div>
<div id="output"></div>
This form looks like this:
<input
type="button"
value="Click me!"
class="btn domajax click"
data-alias="#elemA"
/>
<div
id="elemA"
data-endpoint="alias-multiple-handler.php"
data-alias="#elemB"
></div>
<div
id="elemB"
data-output="#output"
data-alias="#elemA"
></div>
<div id="output"></div>
All the documentation at a glance