1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
4 <title>{#xhtmlxtras_dlg.title_ins_element}</title>
5 <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
6 <script type="text/javascript" src="../../utils/mctabs.js"></script>
7 <script type="text/javascript" src="../../utils/form_utils.js"></script>
8 <script type="text/javascript" src="../../utils/editable_selects.js"></script>
9 <script type="text/javascript" src="js/element_common.js"></script>
10 <script type="text/javascript" src="js/ins.js"></script>
11 <link rel="stylesheet" type="text/css" href="css/popup.css" />
13 <body id="xhtmlxtrasins" style="display: none" role="application" aria-labelledby="app_title">
14 <span style="display:none;" id="app_title">{#xhtmlxtras_dlg.title_ins_element}</span>
15 <form onsubmit="insertIns();return false;" action="#">
18 <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#xhtmlxtras_dlg.general_tab}</a></span></li>
19 <!-- <li id="events_tab"><span><a href="javascript:mcTabs.displayTab('events_tab','events_panel');" onmousedown="return false;">{#xhtmlxtras_dlg.events_tab}</a></span></li> -->
23 <div class="panel_wrapper">
24 <div id="general_panel" class="panel current">
26 <legend>{#xhtmlxtras_dlg.fieldset_general_tab}</legend>
27 <table role="presentation" border="0" cellpadding="0" cellspacing="4">
29 <td class="label"><label id="datetimelabel" for="datetime">{#xhtmlxtras_dlg.attribute_label_datetime}</label>:</td>
31 <table role="presentation" border="0" cellspacing="0" cellpadding="0">
33 <td><input id="datetime" name="datetime" type="text" value="" maxlength="19" class="field mceFocus" /></td>
34 <td ><a href="javascript:insertDateTime('datetime');" onmousedown="return false;" class="browse" role="button" aria-labelledby="datetimelabel"><span class="datetime" title="{#xhtmlxtras_dlg.insert_date}"></span></a></td>
40 <td class="label"><label id="citelabel" for="cite">{#xhtmlxtras_dlg.attribute_label_cite}</label>:</td>
41 <td><input id="cite" name="cite" type="text" value="" class="field" /></td>
46 <legend>{#xhtmlxtras_dlg.fieldset_attrib_tab}</legend>
47 <table role="presentation" border="0" cellpadding="0" cellspacing="4">
49 <td class="label"><label id="titlelabel" for="title">{#xhtmlxtras_dlg.attribute_label_title}</label>:</td>
50 <td><input id="title" name="title" type="text" value="" class="field" /></td>
53 <td class="label"><label id="idlabel" for="id">{#xhtmlxtras_dlg.attribute_label_id}</label>:</td>
54 <td><input id="id" name="id" type="text" value="" class="field" /></td>
57 <td class="label"><label id="classlabel" for="class">{#xhtmlxtras_dlg.attribute_label_class}</label>:</td>
59 <select id="class" name="class" class="field mceEditableSelect">
60 <option value="">{#not_set}</option>
65 <td class="label"><label id="stylelabel" for="style">{#xhtmlxtras_dlg.attribute_label_style}</label>:</td>
66 <td><input id="style" name="style" type="text" value="" class="field" /></td>
69 <td class="label"><label id="dirlabel" for="dir">{#xhtmlxtras_dlg.attribute_label_langdir}</label>:</td>
71 <select id="dir" name="dir" class="field">
72 <option value="">{#not_set}</option>
73 <option value="ltr">{#xhtmlxtras_dlg.attribute_option_ltr}</option>
74 <option value="rtl">{#xhtmlxtras_dlg.attribute_option_rtl}</option>
79 <td class="label"><label id="langlabel" for="lang">{#xhtmlxtras_dlg.attribute_label_langcode}</label>:</td>
81 <input id="lang" name="lang" type="text" value="" class="field" />
87 <div id="events_panel" class="panel">
89 <legend>{#xhtmlxtras_dlg.fieldset_events_tab}</legend>
91 <table role="presentation" border="0" cellpadding="0" cellspacing="4">
93 <td class="label"><label for="onfocus">onfocus</label>:</td>
94 <td><input id="onfocus" name="onfocus" type="text" value="" class="field" /></td>
98 <td class="label"><label for="onblur">onblur</label>:</td>
99 <td><input id="onblur" name="onblur" type="text" value="" class="field" /></td>
103 <td class="label"><label for="onclick">onclick</label>:</td>
104 <td><input id="onclick" name="onclick" type="text" value="" class="field" /></td>
108 <td class="label"><label for="ondblclick">ondblclick</label>:</td>
109 <td><input id="ondblclick" name="ondblclick" type="text" value="" class="field" /></td>
113 <td class="label"><label for="onmousedown">onmousedown</label>:</td>
114 <td><input id="onmousedown" name="onmousedown" type="text" value="" class="field" /></td>
118 <td class="label"><label for="onmouseup">onmouseup</label>:</td>
119 <td><input id="onmouseup" name="onmouseup" type="text" value="" class="field" /></td>
123 <td class="label"><label for="onmouseover">onmouseover</label>:</td>
124 <td><input id="onmouseover" name="onmouseover" type="text" value="" class="field" /></td>
128 <td class="label"><label for="onmousemove">onmousemove</label>:</td>
129 <td><input id="onmousemove" name="onmousemove" type="text" value="" class="field" /></td>
133 <td class="label"><label for="onmouseout">onmouseout</label>:</td>
134 <td><input id="onmouseout" name="onmouseout" type="text" value="" class="field" /></td>
138 <td class="label"><label for="onkeypress">onkeypress</label>:</td>
139 <td><input id="onkeypress" name="onkeypress" type="text" value="" class="field" /></td>
143 <td class="label"><label for="onkeydown">onkeydown</label>:</td>
144 <td><input id="onkeydown" name="onkeydown" type="text" value="" class="field" /></td>
148 <td class="label"><label for="onkeyup">onkeyup</label>:</td>
149 <td><input id="onkeyup" name="onkeyup" type="text" value="" class="field" /></td>
155 <div class="mceActionPanel">
156 <input type="submit" id="insert" name="insert" value="{#update}" />
157 <input type="button" id="remove" name="remove" class="button" value="{#xhtmlxtras_dlg.remove}" onclick="removeIns();" style="display: none;" />
158 <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />