[jQuery] Extremely poor performance of jQuery on AJAX partial page updates
I'm trying to use jQuery 1.2.1 to add AJAX functionality to my web
application. I am using jQuery Form plugin to submit te form via AJAX
and have a server-side algorithm that returns page updates. The server
returns a JSON array with HTML elements to be updated and then I loop
through that array and process each item. For update, I first remove
the existing DOM element, then recreate it using jQuery constructor,
and then append it to the parent. It works find in FireFox, but in IE
the performance is horrendous. It takes 25 seconds in IE6 and IE7
pretty much hangs. I traced the delay to the following line of code in
jQuery init method:
var m = quickExpr.exec(selector);
So it seems that jQuery is to blame for the performance. Is there
something I can do to improve it? Is this a bug/issue that needs to be
resolved? I'd like to help fix it but I'm not familiar with jQuery
design well enough to know why the regexp is there and how we can
simplify/remove it. Here's my update code:
var $component = $(state.html);
$component.appendTo(parent);
And the HTML that takes particularly long is pasted below (it may look
like a large page but it isn't. It loads into the browser without
jQuery AJAX in less then a second):
<div id=\"JTabbedPane10546001\" style=
\"position:absolute;left:0px;top:46px;width:884px;height:644px\"
tabbedPane=\"true\">
<ul>
<li><a href=\"#JTabbedPane10546001-tab-0\"><span>Button
Demo</span></a></li>
<li><a href=\"#JTabbedPane10546001-tab-1\"><span>Source
Code</span></a></li>
</ul>
<div id=\"JTabbedPane10546001-tab-0\" style=
\"position:absolute;left:2px;top:26px;width:874px;height:585px\"><div
id=\"JPanel12136681\" style=\"position:absolute;left:2px;top:1px;width:
874px;height:611px;clip:rect(0px 874px 611px 0px)\" class=\" border\">
<div id=\"JPanel14907335\" style=
\"position:absolute;left:2px;top:2px;width:874px;height:
611px;clip:rect(0px 874px 611px 0px)\">
<div id=\"JTabbedPane30196714\" style=
\"position:absolute;left:0px;top:0px;width:874px;height:611px\"
tabbedPane=\"true\">
<ul>
<li><a href=\"#JTabbedPane30196714-
tab-0\"><span>Buttons</span></a></li>
<li><a href=\"#JTabbedPane30196714-
tab-1\"><span>Radio Buttons</span></a></li>
<li><a href=\"#JTabbedPane30196714-
tab-2\"><span>Check Boxes</span></a></li>
</ul>
<div id=\"JTabbedPane30196714-tab-0\" style=
\"position:absolute;left:2px;top:26px;width:868px;height:555px\"><div
id=\"JPanel5403403\" style=\"position:absolute;left:2px;top:1px;width:
868px;height:581px;clip:rect(0px 868px 581px 0px)\">
<div id=\"JPanel16702321\" style=
\"position:absolute;left:5px;top:5px;width:548px;height:
567px;clip:rect(0px 548px 567px 0px)\" class=\" border\">
<fieldset style=\"position:absolute;left:
9px;top:8px;width:529px;height:61px;clip:rect(0px 549px 81px 0px)\"
class=\" border\">
<legend>Text Buttons</legend>
<input type=\"button\" id=
\"JButton7715289\" name=\"JButton7715289\" value=\"One \" class=
\"button\" onClick=\"return doSubmit('/button/JButton7715289')\" style=
\"position:absolute;left:11px;top:21px;width:69px;height:27px\">
<span style=\"font-size:1;width:
10;position:absolute;left:80px;top:34px;width:11px;height:1px
\"> </span>
<input type=\"button\" id=
\"JButton5689693\" name=\"JButton5689693\" value=\"Two\" class=\"button
\" onClick=\"return doSubmit('/button/JButton5689693')\" style=
\"position:absolute;left:92px;top:21px;width:66px;height:27px\">
<span style=\"font-size:1;width:
10;position:absolute;left:158px;top:34px;width:11px;height:1px
\"> </span>
<table border=0 cellpadding=2
cellspacing=0 class=\"button\" onclick=\"return doSubmit('/button/
JButton7083822')\" id=\"JButton7083822\" style=\"border-width:
1px;border-style:outset;position:absolute;left:170px;top:22px;width:
351px;height:25px\">
<tr>
<td align=center>
<table border=0 cellpadding=2
cellspacing=0>
<tr>
<td><span><font size=2
color=red><bold>Three!</font></span></td>
</tr>
</table>
</td>
</tr>
</table>
</fieldset>
<span style=\"font-size:30;width:
1;position:absolute;left:9px;top:73px;width:1px;height:31px\"> </
span>
<fieldset style=\"position:absolute;left:
9px;top:105px;width:410px;height:114px;clip:rect(0px 430px 134px 0px)
\" class=\" border\">
<legend>Image Buttons</legend>
<a href=\"#\" onclick=\"return doSubmit('/
button/JButton6676137')\"><img src=\"http://localhost:8040/webcream/
Windows_docs/images/resources/images/buttons/b1.gif\" alt=\"\" title=
\"\" style=\"position:absolute;left:5px;top:16px\" border=0></a>
<span style=\"font-size:1;width:
10;position:absolute;left:132px;top:61px;width:11px;height:1px
\"> </span>
<a href=\"#\" onclick=\"return doSubmit('/
button/JButton18285669')\"><img src=\"http://localhost:8040/webcream/
Windows_docs/images/resources/images/buttons/b2.gif\" alt=\"\" title=
\"\" style=\"position:absolute;left:143px;top:16px\" border=0></a>
<span style=\"font-size:1;width:
10;position:absolute;left:270px;top:61px;width:11px;height:1px
\"> </span>
<a href=\"#\" onclick=\"return doSubmit('/
button/JButton26899046')\"><img src=\"http://localhost:8040/webcream/
Windows_docs/images/resources/images/buttons/b3.gif\" alt=\"\" title=
\"\" style=\"position:absolute;left:281px;top:16px\" border=0></a>
</fieldset>
<span style=\"font-size:0;width:
0;position:absolute;left:8px;top:213px;width:0px;height:323px
\"> </span>
</div>
<span style=\"font-size:0;width:
0;position:absolute;left:485px;top:5px;width:0px;height:0px\"> </
span>
<div id=\"_133097577\" style=
\"position:absolute;left:557px;top:5px;width:303px;height:
571px;clip:rect(0px 303px 571px 0px)\">
<div id=\"JPanel13419753\" style=
\"position:absolute;left:0px;top:0px;width:299px;height:
567px;clip:rect(0px 299px 567px 0px)\" class=\" border\">
<div id=\"JPanel26452617\" style=
\"position:absolute;left:9px;top:8px;width:116px;height:
252px;clip:rect(0px 116px 252px 0px)\">
<span id=\"JLabel18384844\" style=\"text-
align:left;position:absolute;left:0px;top:0px;width:104px;height:16px
\" class=\"label\"><nobr>Display Options:</nobr></span>
<span id=\"JCheckBox32263490\" style=
\"text-align:left;position:absolute;left:0px;top:16px;width:
110px;height:25px\" class=\"checkbox\"><input type=\"checkbox\" id=
\"JCheckBox32263490\" name=\"JCheckBox32263490\" class=\"checkbox\"
checked onClick=\"doSubmit('/event/JCheckBox32263490')\">Paint Border</
span>
<span id=\"JCheckBox12860026\" style=
\"text-align:left;position:absolute;left:0px;top:42px;width:
104px;height:25px\" class=\"checkbox\"><input type=\"checkbox\" id=
\"JCheckBox12860026\" name=\"JCheckBox12860026\" class=\"checkbox\"
checked onClick=\"doSubmit('/event/JCheckBox12860026')\">Paint Focus</
span>
<span id=\"JCheckBox14375014\" style=
\"text-align:left;position:absolute;left:0px;top:67px;width:
80px;height:25px\" class=\"checkbox\"><input type=\"checkbox\" id=
\"JCheckBox14375014\" name=\"JCheckBox14375014\" class=\"checkbox\"
checked onClick=\"doSubmit('/event/JCheckBox14375014')\">Enabled</
span>
<span id=\"JCheckBox8952636\" style=
\"text-align:left;position:absolute;left:0px;top:92px;width:
116px;height:25px\" class=\"checkbox\"><input type=\"checkbox\" id=
\"JCheckBox8952636\" name=\"JCheckBox8952636\" class=\"checkbox\"
checked onClick=\"doSubmit('/event/JCheckBox8952636')\">Content
Filled</span>
<span style=\"font-size:20;width:
1;position:absolute;left:0px;top:117px;width:1px;height:21px\"> </
span>
<span id=\"JLabel17724384\" style=\"text-
align:left;position:absolute;left:0px;top:138px;width:82px;height:16px
\" class=\"label\"><nobr>Pad Amount:</nobr></span>
<nobr id=\"JRadioButton8890213\"><span
style=\"position:absolute;left:0px;top:155px\" class=\"radio\"><input
type=\"radio\" value=\"JRadioButton8890213\" checked onClick=
\"doSubmit('/event/JRadioButton8890213')\" name=
\"ButtonGroup32191978\" class=\"radio\">Default</span></nobr>
<nobr id=\"JRadioButton33482373\"><span
style=\"position:absolute;left:0px;top:180px\" class=\"radio\"><input
type=\"radio\" value=\"JRadioButton33482373\" onClick=\"doSubmit('/
event/JRadioButton33482373')\" name=\"ButtonGroup32191978\" class=
\"radio\">0</span></nobr>
<nobr id=\"JRadioButton30420208\"><span
style=\"position:absolute;left:0px;top:205px\" class=\"radio\"><input
type=\"radio\" value=\"JRadioButton30420208\" onClick=\"doSubmit('/
event/JRadioButton30420208')\" name=\"ButtonGroup32191978\" class=
\"radio\">10</span></nobr>
<span style=\"font-size:20;width:
1;position:absolute;left:0px;top:231px;width:1px;height:21px\"> </
span>
</div>
<span style=\"font-size:1;width:
20;position:absolute;left:125px;top:8px;width:23px;height:1px
\"> </span>
<div id=\"LayoutControlPanel9930886\"
style=\"position:absolute;left:148px;top:8px;width:123px;height:
554px;clip:rect(0px 123px 554px 0px)\">
<span id=\"JLabel4155650\" style=\"text-
align:left;position:absolute;left:0px;top:0px;width:88px;height:16px\"
class=\"label\"><nobr>Text Position:</nobr></span>
<div id=\"DirectionPanel17241054\"
style=\"position:absolute;left:0px;top:16px;width:119px;height:
109px;clip:rect(0px 119px 109px 0px)\">
<div id=\"Box8483338\" style=
\"position:absolute;left:0px;top:0px;width:119px;height:
42px;clip:rect(0px 119px 42px 0px)\">
<nobr id=
\"DirectionButton17401114\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton17401114')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/tl.gif\" alt=\"NW
\" title=\"NW\" style=\"position:absolute;left:0px;top:0px\"
border=0></a></nobr>
<nobr id=\"DirectionButton95135\"><a
href=\"#\" onclick=\"return doSubmit('/button/DirectionButton95135')
\"><img src=\"http://localhost:8040/webcream/Windows_docs/images/
resources/images/buttons/tm.gif\" alt=\"N\" title=\"N\" style=
\"position:absolute;left:44px;top:0px\" border=0></a></nobr>
<nobr id=
\"DirectionButton21879580\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton21879580')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/tr.gif\" alt=\"NE
\" title=\"NE\" style=\"position:absolute;left:74px;top:0px\"
border=0></a></nobr>
</div>
<div id=\"Box6695758\" style=
\"position:absolute;left:0px;top:42px;width:119px;height:
25px;clip:rect(0px 119px 25px 0px)\">
<nobr id=
\"DirectionButton7095649\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton7095649')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/ml.gif\" alt=\"W
\" title=\"W\" style=\"position:absolute;left:0px;top:0px\" border=0></
a></nobr>
<nobr id=
\"DirectionButton4127510\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton4127510')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/c.gif\" alt=\"C
\" title=\"C\" style=\"position:absolute;left:44px;top:0px\"
border=0></a></nobr>
<nobr id=
\"DirectionButton14058849\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton14058849')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/mrdn.gif\" alt=
\"E\" title=\"E\" style=\"position:absolute;left:74px;top:0px\"
border=0></a></nobr>
</div>
<div id=\"Box27600039\" style=
\"position:absolute;left:0px;top:67px;width:119px;height:
42px;clip:rect(0px 119px 42px 0px)\">
<nobr id=
\"DirectionButton30330045\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton30330045')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/bl.gif\" alt=\"SW
\" title=\"SW\" style=\"position:absolute;left:0px;top:0px\"
border=0></a></nobr>
<nobr id=
\"DirectionButton31696605\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton31696605')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/bm.gif\" alt=\"S
\" title=\"S\" style=\"position:absolute;left:44px;top:0px\"
border=0></a></nobr>
<nobr id=
\"DirectionButton14688030\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton14688030')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/br.gif\" alt=\"SE
\" title=\"SE\" style=\"position:absolute;left:74px;top:0px\"
border=0></a></nobr>
</div>
</div>
<span style=\"font-size:20;width:
1;position:absolute;left:0px;top:126px;width:1px;height:21px\"> </
span>
<span id=\"JLabel10227291\" style=\"text-
align:left;position:absolute;left:0px;top:147px;width:123px;height:16px
\" class=\"label\"><nobr>Content Alignment:</nobr></span>
<div id=\"DirectionPanel24280788\"
style=\"position:absolute;left:0px;top:163px;width:119px;height:
109px;clip:rect(0px 119px 109px 0px)\">
<div id=\"Box1767777\" style=
\"position:absolute;left:0px;top:0px;width:119px;height:
42px;clip:rect(0px 119px 42px 0px)\">
<nobr id=
\"DirectionButton28240048\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton28240048')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/tl.gif\" alt=\"NW
\" title=\"NW\" style=\"position:absolute;left:0px;top:0px\"
border=0></a></nobr>
<nobr id=
\"DirectionButton3049205\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton3049205')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/tm.gif\" alt=\"N
\" title=\"N\" style=\"position:absolute;left:44px;top:0px\"
border=0></a></nobr>
<nobr id=
\"DirectionButton10382874\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton10382874')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/tr.gif\" alt=\"NE
\" title=\"NE\" style=\"position:absolute;left:74px;top:0px\"
border=0></a></nobr>
</div>
<div id=\"Box15363873\" style=
\"position:absolute;left:0px;top:42px;width:119px;height:
25px;clip:rect(0px 119px 25px 0px)\">
<nobr id=
\"DirectionButton21931967\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton21931967')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/ml.gif\" alt=\"W
\" title=\"W\" style=\"position:absolute;left:0px;top:0px\" border=0></
a></nobr>
<nobr id=
\"DirectionButton15150565\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton15150565')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/cdn.gif\" alt=\"C
\" title=\"C\" style=\"position:absolute;left:44px;top:0px\"
border=0></a></nobr>
<nobr id=
\"DirectionButton24516582\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton24516582')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/mr.gif\" alt=\"E
\" title=\"E\" style=\"position:absolute;left:74px;top:0px\"
border=0></a></nobr>
</div>
<div id=\"Box19271471\" style=
\"position:absolute;left:0px;top:67px;width:119px;height:
42px;clip:rect(0px 119px 42px 0px)\">
<nobr id=
\"DirectionButton1782036\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton1782036')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/bl.gif\" alt=\"SW
\" title=\"SW\" style=\"position:absolute;left:0px;top:0px\"
border=0></a></nobr>
<nobr id=
\"DirectionButton20131499\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton20131499')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/bm.gif\" alt=\"S
\" title=\"S\" style=\"position:absolute;left:44px;top:0px\"
border=0></a></nobr>
<nobr id=
\"DirectionButton20771771\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton20771771')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/br.gif\" alt=\"SE
\" title=\"SE\" style=\"position:absolute;left:74px;top:0px\"
border=0></a></nobr>
</div>
</div>
<span style=\"font-size:0;width:
0;position:absolute;left:0px;top:273px;width:123px;height:281px
\"> </span>
</div>
<span style=\"font-size:1;width:
20;position:absolute;left:271px;top:8px;width:23px;height:1px
\"> </span>
</div>
</div>
</div>
</div>
<div id=\"JTabbedPane30196714-tab-1\" style=
\"position:absolute;left:2px;top:26px;width:868px;height:555px\"><div
id=\"JPanel18927636\" style=\"position:absolute;left:2px;top:1px;width:
868px;height:581px;clip:rect(0px 868px 581px 0px)\">
<div id=\"JPanel20764090\" style=
\"position:absolute;left:5px;top:5px;width:395px;height:
567px;clip:rect(0px 395px 567px 0px)\" class=\" border\">
<fieldset style=\"position:absolute;left:
9px;top:8px;width:344px;height:59px;clip:rect(0px 364px 79px 0px)\"
class=\" border\">
<legend>Text Radio Buttons</legend>
<nobr id=\"JRadioButton30377536\"><span
style=\"position:absolute;left:11px;top:21px\" class=\"radio\"><input
type=\"radio\" value=\"JRadioButton30377536\" name=
\"ButtonGroup24566485\" class=\"radio\">Radio One </span></nobr>
<span style=\"font-size:1;width:
10;position:absolute;left:110px;top:33px;width:11px;height:1px
\"> </span>
<nobr id=\"JRadioButton21709384\"><span
style=\"position:absolute;left:121px;top:21px\" class=\"radio\"><input
type=\"radio\" value=\"JRadioButton21709384\" name=
\"ButtonGroup24566485\" class=\"radio\">Radio Two</span></nobr>
<span style=\"font-size:1;width:
10;position:absolute;left:218px;top:33px;width:11px;height:1px
\"> </span>
<nobr id=\"JRadioButton32868624\"><span
style=\"position:absolute;left:230px;top:21px\" class=\"radio\"><input
type=\"radio\" value=\"JRadioButton32868624\" name=
\"ButtonGroup24566485\" class=\"radio\">Radio Three</span></nobr>
</fieldset>
<span style=\"font-size:30;width:
1;position:absolute;left:9px;top:71px;width:1px;height:31px\"> </
span>
<fieldset style=\"position:absolute;left:
9px;top:102px;width:376px;height:51px;clip:rect(0px 396px 71px 0px)\"
class=\" border\">
<legend>Image Radio Buttons</legend>
<nobr id=\"JRadioButton4167693\"><a href=
\"#\" onclick=\"return doSubmit('/button/JRadioButton4167693')\"><img
src=\"http://localhost:8040/webcream/Windows_docs/images/resources/
images/buttons/rb.gif\" alt=\"Radio One \" title=\"Radio One \" style=
\"position:absolute;left:5px;top:16px\" border=0></a></nobr>
<span style=\"font-size:1;width:
20;position:absolute;left:111px;top:29px;width:23px;height:1px
\"> </span>
<nobr id=\"JRadioButton23921258\"><a href=
\"#\" onclick=\"return doSubmit('/button/JRadioButton23921258')\"><img
src=\"http://localhost:8040/webcream/Windows_docs/images/resources/
images/buttons/rb.gif\" alt=\"Radio Two\" title=\"Radio Two\" style=
\"position:absolute;left:134px;top:16px\" border=0></a></nobr>
<span style=\"font-size:1;width:
20;position:absolute;left:238px;top:29px;width:23px;height:1px
\"> </span>
<nobr id=\"JRadioButton25885701\"><a href=
\"#\" onclick=\"return doSubmit('/button/JRadioButton25885701')\"><img
src=\"http://localhost:8040/webcream/Windows_docs/images/resources/
images/buttons/rb.gif\" alt=\"Radio Three\" title=\"Radio Three\"
style=\"position:absolute;left:261px;top:16px\" border=0></a></nobr>
</fieldset>
<span style=\"font-size:0;width:
0;position:absolute;left:8px;top:151px;width:0px;height:385px
\"> </span>
</div>
<span style=\"font-size:0;width:
0;position:absolute;left:352px;top:5px;width:133px;height:0px
\"> </span>
<div id=\"_129680273\" style=
\"position:absolute;left:557px;top:5px;width:303px;height:
571px;clip:rect(0px 303px 571px 0px)\">
<div id=\"JPanel16171097\" style=
\"position:absolute;left:0px;top:0px;width:299px;height:
567px;clip:rect(0px 299px 567px 0px)\" class=\" border\">
<div id=\"JPanel30289202\" style=
\"position:absolute;left:9px;top:8px;width:116px;height:
252px;clip:rect(0px 116px 252px 0px)\">
<span id=\"JLabel16343509\" style=\"text-
align:left;position:absolute;left:0px;top:0px;width:104px;height:16px
\" class=\"label\"><nobr>Display Options:</nobr></span>
<span id=\"JCheckBox3567264\" style=
\"text-align:left;position:absolute;left:0px;top:16px;width:
110px;height:25px\" class=\"checkbox\"><input type=\"checkbox\" id=
\"JCheckBox3567264\" name=\"JCheckBox3567264\" class=\"checkbox\"
onClick=\"doSubmit('/event/JCheckBox3567264')\">Paint Border</span>
<span id=\"JCheckBox26805492\" style=
\"text-align:left;position:absolute;left:0px;top:42px;width:
104px;height:25px\" class=\"checkbox\"><input type=\"checkbox\" id=
\"JCheckBox26805492\" name=\"JCheckBox26805492\" class=\"checkbox\"
checked onClick=\"doSubmit('/event/JCheckBox26805492')\">Paint Focus</
span>
<span id=\"JCheckBox18110988\" style=
\"text-align:left;position:absolute;left:0px;top:67px;width:
80px;height:25px\" class=\"checkbox\"><input type=\"checkbox\" id=
\"JCheckBox18110988\" name=\"JCheckBox18110988\" class=\"checkbox\"
checked onClick=\"doSubmit('/event/JCheckBox18110988')\">Enabled</
span>
<span id=\"JCheckBox19135653\" style=
\"text-align:left;position:absolute;left:0px;top:92px;width:
116px;height:25px\" class=\"checkbox\"><input type=\"checkbox\" id=
\"JCheckBox19135653\" name=\"JCheckBox19135653\" class=\"checkbox\"
checked onClick=\"doSubmit('/event/JCheckBox19135653')\">Content
Filled</span>
<span style=\"font-size:20;width:
1;position:absolute;left:0px;top:117px;width:1px;height:21px\"> </
span>
<span id=\"JLabel30187398\" style=\"text-
align:left;position:absolute;left:0px;top:138px;width:82px;height:16px
\" class=\"label\"><nobr>Pad Amount:</nobr></span>
<nobr id=\"JRadioButton27253811\"><span
style=\"position:absolute;left:0px;top:155px\" class=\"radio\"><input
type=\"radio\" value=\"JRadioButton27253811\" checked onClick=
\"doSubmit('/event/JRadioButton27253811')\" name=
\"ButtonGroup16592359\" class=\"radio\">Default</span></nobr>
<nobr id=\"JRadioButton3265689\"><span
style=\"position:absolute;left:0px;top:180px\" class=\"radio\"><input
type=\"radio\" value=\"JRadioButton3265689\" onClick=\"doSubmit('/
event/JRadioButton3265689')\" name=\"ButtonGroup16592359\" class=
\"radio\">0</span></nobr>
<nobr id=\"JRadioButton24949495\"><span
style=\"position:absolute;left:0px;top:205px\" class=\"radio\"><input
type=\"radio\" value=\"JRadioButton24949495\" onClick=\"doSubmit('/
event/JRadioButton24949495')\" name=\"ButtonGroup16592359\" class=
\"radio\">10</span></nobr>
<span style=\"font-size:20;width:
1;position:absolute;left:0px;top:231px;width:1px;height:21px\"> </
span>
</div>
<span style=\"font-size:1;width:
20;position:absolute;left:125px;top:8px;width:23px;height:1px
\"> </span>
<div id=\"LayoutControlPanel30143480\"
style=\"position:absolute;left:148px;top:8px;width:123px;height:
554px;clip:rect(0px 123px 554px 0px)\">
<span id=\"JLabel16665289\" style=\"text-
align:left;position:absolute;left:0px;top:0px;width:88px;height:16px\"
class=\"label\"><nobr>Text Position:</nobr></span>
<div id=\"DirectionPanel14676852\"
style=\"position:absolute;left:0px;top:16px;width:119px;height:
109px;clip:rect(0px 119px 109px 0px)\">
<div id=\"Box15237540\" style=
\"position:absolute;left:0px;top:0px;width:119px;height:
42px;clip:rect(0px 119px 42px 0px)\">
<nobr id=
\"DirectionButton9923530\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton9923530')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/tl.gif\" alt=\"NW
\" title=\"NW\" style=\"position:absolute;left:0px;top:0px\"
border=0></a></nobr>
<nobr id=
\"DirectionButton19257504\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton19257504')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/tm.gif\" alt=\"N
\" title=\"N\" style=\"position:absolute;left:44px;top:0px\"
border=0></a></nobr>
<nobr id=
\"DirectionButton28376915\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton28376915')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/tr.gif\" alt=\"NE
\" title=\"NE\" style=\"position:absolute;left:74px;top:0px\"
border=0></a></nobr>
</div>
<div id=\"Box21672550\" style=
\"position:absolute;left:0px;top:42px;width:119px;height:
25px;clip:rect(0px 119px 25px 0px)\">
<nobr id=
\"DirectionButton17192336\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton17192336')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/ml.gif\" alt=\"W
\" title=\"W\" style=\"position:absolute;left:0px;top:0px\" border=0></
a></nobr>
<nobr id=
\"DirectionButton14379698\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton14379698')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/c.gif\" alt=\"C
\" title=\"C\" style=\"position:absolute;left:44px;top:0px\"
border=0></a></nobr>
<nobr id=
\"DirectionButton20565659\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton20565659')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/mrdn.gif\" alt=
\"E\" title=\"E\" style=\"position:absolute;left:74px;top:0px\"
border=0></a></nobr>
</div>
<div id=\"Box2839547\" style=
\"position:absolute;left:0px;top:67px;width:119px;height:
42px;clip:rect(0px 119px 42px 0px)\">
<nobr id=
\"DirectionButton9867561\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton9867561')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/bl.gif\" alt=\"SW
\" title=\"SW\" style=\"position:absolute;left:0px;top:0px\"
border=0></a></nobr>
<nobr id=
\"DirectionButton18097223\"><a href=\"#\" onclick=\"return doSubmit('/
button/DirectionButton18097223')\"><img src=\"http://localhost:8040/
webcream/Windows_docs/images/resources/images/buttons/bm.gif\" alt=\"S
\" title=\"S\" style=\"position:absolute;left:44px;top