Editing AJAX Dialog Forms (section)

==Form Markup Requirements==

Create separate PHP include file containing the markup for the <code>FORM</code> element that will be inserted into the dialog.

===FORM element===
Has no parent <code>DIV</code> element. 

<code>id="dialog-edit-form"</code>

<syntaxhighlight lang="html4strict">
<form id="dialog-edit-form">
</form>
</syntaxhighlight>


Contains hidden input storing action property, and optionally record id and content type id.

<syntaxhighlight lang="html4strict">
<input type="hidden" name="<?=P_COMMIT?>" value="1" />
<input type="hidden" name="<?=$input->id->param?>" value="<?=$input->id->value?>" />
<input type="hidden" name="<?=$input->site_section->id->param?>" value="<?=$input->site_section->id->value?>" />
</syntaxhighlight>


Submit buttons. JavaScript handlers will be assigned to the buttons after the <code>FORM</code> element has been added to the DOM.
* <code>data-tid</code> attribute stores the content type value if it's needed by the JavaScript callback for the button.
* <code>data-op</code> attribute stores the operation when using <code>LITTLED.dialogEdit()</code> or a similar callback for the button.
<syntaxhighlight lang="html4strict" enclose="div">
<div class="submit-container">
	<button class="dlg-commit-btn" data-tid="<?=$input->site_section->id->value?>" data-op="delete">delete</button>
	<button class="dlg-cancel-btn">cancel</button>
</div>
</syntaxhighlight>