Changes between Initial Version and Version 2 of Ticket #4884


Ignore:
Timestamp:
Oct 26, 2007, 4:44:43 PM (12 years ago)
Author:
Eugene Lazutkin
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #4884

    • Property Severity changed from major to normal
    • Property Cc eugene removed
    • Property Priority changed from highest to normal
    • Property Milestone changed from to 1.0
    • Property Keywords while performing dnd when I Drag someting that particular dnd Item should get disaapper and whever I will try to drop it should show dooted area of same height and width of selected dndtem. removed
  • Ticket #4884 – Description

    initial v2  
    33The current dnd files doesnt support this. can this enhancement possible. Waiting for solution.
    44
    5 Code is as follows:
    6 
    7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    8 <HTML>
    9 <HEAD>
    10 <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    11 <META name="GENERATOR" content="IBM WebSphere Studio">
    12 <TITLE>testHTMLPageforDojoBlueHighlighting.html</TITLE>
    13 
    14 <style>
    15 .Gborder1 {
    16         BORDER-RIGHT: #9c9ca5 1px solid; BORDER-LEFT: #9c9ca5 1px solid; BORDER-BOTTOM: #9c9ca5 1px solid
    17 }
    18 .tableCellBorderTitle1 {
    19         PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; BORDER-LEFT: #b5ceed 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #d7e5f6 1px solid; BACKGROUND-COLOR: #ebf2fa
    20 }
    21 .bgquicklinks {
    22         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #f1f6fc
    23 }
    24 
    25 A.gClass {
    26         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; FONT: bold 12px Arial; COLOR: #2e6bc8; PADDING-TOP: 2px; BACKGROUND-COLOR: #f1f6fc; TEXT-DECORATION: underline
    27 }
    28 A.gClass:hover {
    29         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; FONT: bold 12px Arial; COLOR: #800080; PADDING-TOP: 2px; BACKGROUND-COLOR: #f1f6fc; TEXT-DECORATION: underline
    30 }
    31 A.gClass:visited {
    32         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; FONT: bold 12px Arial; COLOR: #800080; PADDING-TOP: 2px; BACKGROUND-COLOR: #f1f6fc; TEXT-DECORATION: underline
    33 }
    34 .fGreenline {
    35         BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../dot_green.gif); BACKGROUND-REPEAT: repeat-x
    36 }
    37 .tdtitlequicklink {
    38         PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; LINE-HEIGHT: normal; PADDING-TOP: 3px; BORDER-BOTTOM: #d7e5f6 1px solid; BACKGROUND-COLOR: #ebf2fa; TEXT-ALIGN: left
    39 }
    40 .tableBorderquicklink {
    41         BORDER-RIGHT: #b5ceed 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #b5ceed 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #b5ceed 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #b5ceed 1px solid
    42 }
    43 .boldFont {
    44         PADDING-RIGHT: 0px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 0px; FONT-FAMILY: Arial; BACKGROUND-COLOR: #f6f6f6; TEXT-ALIGN: right; TEXT-DECORATION: none
    45 }
    46 .greyT1 {
    47         PADDING-RIGHT: 0px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 0px; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ebf2fa; TEXT-ALIGN: right; TEXT-DECORATION: none
    48 }
    49 .tdbgLight_02Al2 {
    50         PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; FONT: 11px Tahoma, Arial, Helvetica, sans-serif; VERTICAL-ALIGN: middle; COLOR: #5c5c5c; PADDING-TOP: 5px
    51 }
    52 .blue_line {
    53         BORDER-BOTTOM: #979bc1 1px solid
    54 }
    55 .largeT3_B {
    56         PADDING-RIGHT: 3px; BORDER-TOP: #d7e5f6 1px solid; FONT: bold 11px Arial, Helvetica, sans-serif; VERTICAL-ALIGN: middle; BACKGROUND-COLOR: #f1f6fc
    57 }
    58 .blue-LRB {
    59         BORDER-RIGHT: #979bc1 1px solid; BORDER-LEFT: #979bc1 1px solid; BORDER-BOTTOM: #979bc1 1px solid
    60 }
    61 .background_image2B {
    62         BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../blue_part2.gif); BORDER-BOTTOM: #979bc1 1px solid; BACKGROUND-REPEAT: no-repeat
    63 }
    64 .line_blueB {
    65         BORDER-TOP: #979bc1 1px solid; BORDER-BOTTOM: #979bc1 1px solid; BACKGROUND-COLOR: #ebf2fa; TEXT-ALIGN: right
    66 }
    67 .background_image1B {
    68         BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../blue_part1.gif); BORDER-BOTTOM: #979bc1 1px solid; BACKGROUND-REPEAT: no-repeat
    69 }
    70 .background_image2G {
    71         BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../grey_part3.gif); BACKGROUND-REPEAT: no-repeat
    72 }
    73 .line_blueG {
    74         BORDER-TOP: #979bc1 1px solid; BACKGROUND-COLOR: #f6f6f3; TEXT-ALIGN: right
    75 }
    76 .background_image1G {
    77         BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../grey_part1.gif); BACKGROUND-REPEAT: no-repeat
    78 }
    79 .Textbody4 {
    80         FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #020202; LINE-HEIGHT: 15px; FONT-FAMILY: Arial, Helvetica, sans-serif
    81 }
    82 .textbold1 {
    83         FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
    84 }
    85 .tableBorderG {
    86         BORDER-RIGHT: #849660 1px solid; BORDER-TOP: #849660 1px solid; VERTICAL-ALIGN: top; BORDER-LEFT: #849660 1px solid; BORDER-BOTTOM: #849660 1px solid; BACKGROUND-COLOR: #daedc0
    87 }
    88 .tdbody02_midW {
    89         FONT: 11px Tahoma, Arial, Helvetica, sans-serif; COLOR: #5c5c5c; BORDER-BOTTOM: #d7e5f6 1px solid; TEXT-ALIGN: center
    90 }
    91 .tdbody02_mid01 {
    92         FONT: 11px Tahoma, Arial, Helvetica, sans-serif; COLOR: #5c5c5c; BORDER-BOTTOM: #d7e5f6 1px solid; TEXT-ALIGN: left
    93 }
    94 .tdtitle01l {
    95         PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; LINE-HEIGHT: normal; PADDING-TOP: 4px; BORDER-BOTTOM: #b5ceed 1px solid; BACKGROUND-COLOR: #ebf2fa
    96 }
    97 .tableBorder5 {
    98         BORDER-RIGHT: #979bc1 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #979bc1 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #979bc1 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #979bc1 1px solid
    99 }
    100 A.textsmB {
    101         FONT: bold 11px Tahoma, Arial, Helvetica, sans-serif; COLOR: #0000ee
    102 }
    103 .tdbgLight_02n {
    104         PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; COLOR: #333333; PADDING-TOP: 5px; BORDER-BOTTOM: #d7e5f6 1px solid; FONT-FAMILY: Tahoma,Arial, Helvetica, sans-serif
    105 }
    106 .tdbgLight_02 {
    107         PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; COLOR: #333333; PADDING-TOP: 5px; BORDER-BOTTOM: #d7e5f6 1px solid; FONT-FAMILY: Tahoma,Arial, Helvetica, sans-serif; TEXT-ALIGN: right
    108 }
    109 .tdbgDark_02n {
    110         PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; COLOR: #333333; PADDING-TOP: 5px; BORDER-BOTTOM: #d7e5f6 1px solid; FONT-FAMILY: Tahoma,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f1f6fc
    111 }
    112 .tdbgDark_02 {
    113         PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; COLOR: #333333; PADDING-TOP: 5px; BORDER-BOTTOM: #d7e5f6 1px solid; FONT-FAMILY: Tahoma,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f1f6fc; TEXT-ALIGN: right
    114 }
    115 .tdtitle02 {
    116         BORDER-RIGHT: #c6d9f1 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; LINE-HEIGHT: normal; PADDING-TOP: 4px; BORDER-BOTTOM: #b5ceed 1px solid; BACKGROUND-COLOR: #ebf2fa
    117 }
    118 .tdbody02_mid {
    119         FONT: 11px Tahoma, Arial, Helvetica, sans-serif; COLOR: #5c5c5c; BORDER-BOTTOM: #d7e5f6 1px solid; TEXT-ALIGN: left
    120 }
    121 .tdbody02_title01 {
    122         FONT: bold 11px Tahoma, Arial, Helvetica, sans-serif; COLOR: #5c5c5c; BORDER-BOTTOM: #d7e5f6 1px solid; TEXT-ALIGN: center
    123 }
    124 .tdbody02_title {
    125         FONT: bold 11px Tahoma, Arial, Helvetica, sans-serif; COLOR: #5c5c5c; BORDER-BOTTOM: #d7e5f6 1px solid; TEXT-ALIGN: center
    126 }
    127 .tableBorder {
    128         BORDER-RIGHT: #979bc1 1px solid; BORDER-TOP: #979bc1 1px solid; VERTICAL-ALIGN: top; BORDER-LEFT: #979bc1 1px solid; BORDER-BOTTOM: #979bc1 1px solid
    129 }
    130 .tdmidtable1 {
    131         PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
    132 }
    133 
    134 </style>
    135 <!--
    136 <link href="<../js_files/dojo-release-0.9.0/dojo/resources/dnd.css" rel="stylesheet" type="text/css">
    137 <link href="<../js_files/dojo-release-0.9.0/dojo/tests/dnd/dndDefault.css" rel="stylesheet" type="text/css"> -->
    138 <!-- dnd.css -->
    139 <style>
    140 /* DnD avatar-specific settings */
    141 .dojoDndAvatar                  {font-size: 75%; color: black;}
    142 .dojoDndAvatarHeader td {padding-left: 20px; padding-right: 4px;}
    143 .dojoDndAvatarHeader    {background: #ccc;}
    144 .dojoDndAvatarItem              {background: #eee;}
    145 .dojoDndMove .dojoDndAvatarHeader       {/*background-image: url(images/dndNoMove.png); background-repeat: no-repeat;*/}
    146 .dojoDndCopy .dojoDndAvatarHeader       {/*background-image: url(images/dndNoCopy.png); background-repeat: no-repeat;*/}
    147 .dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {/* background-image: url(images/dndMove.png); background-repeat: no-repeat;*/}
    148 .dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {/* background-image: url(images/dndCopy.png); background-repeat: no-repeat;*/}
    149 </style>
    150 <!-- End dnd.css -->
    151 
    152 <!-- dndDefault.css -->
    153 <style>
    154 .container {
    155         /*border:3px solid #ccc;
    156         padding: 1em 3em; */
    157         cursor: default;
    158         radius:8pt;
    159         background:#fff;
    160         -moz-border-radius:8pt 8pt;
    161 }
    162 
    163 .dojoDndContainerOver {
    164         /* cursor:pointer; */
    165 /*      border:3px solid #aaa; */
    166 }
    167 
    168 .dojoDndItem {
    169         padding:3px;
    170         width:300px;
    171 }
    172 
    173 .dojoDndItemOver {
    174         /* background: #ededed;
    175         cursor:pointer;*/       
    176 }
    177 
    178 .dojoDndItemSelected {
    179         /* background: #ccf; color: #444;*/
    180         cursor:move;
    181 }
    182 
    183 .dojoDndItemAnchor {
    184         /* background: #ccf; color: black; */
    185 }
    186 
    187 .dojoDndItemOver .dojoDndItemSelected {
    188         /* background: #ededed;*/
    189         cursor:move;
    190 }
    191 
    192 .dojoDndItemOver .dojoDndItemAnchor {
    193 /*      background: #ededed; */
    194 }
    195 
    196 .dojoDndItemBefore {
    197         border: 2px dotted #369;
    198 }
    199 
    200 .dojoDndItemAfter {
    201         border: 2px dotted #369;
    202 }
    203 
    204 .dojoDndAvatar {
    205         border:2px solid #ccc;
    206         font-size: 14px;
    207         -moz-border-radius:8pt 8pt;
    208         radius:8pt;
    209         cursor:move;
    210 }
    211        
    212 .dojoDndAvatarHeader {
    213         background: #aaa;
    214         cursor:move;
    215 }
    216 
    217 .dojoDndAvatarItem {
    218         background: #fff;
    219         border-bottom:1px solid #666;
    220         cursor:move;
    221 }
    222 </style>
    223 <!-- End dndDefault.css -->
    224 
    225 <style>
    226 /* body { padding: 1em; background: #ededed; } */
    227 .container { width: 100%; display: block; height:100%; verticle-align:top;}
    228 .container.handles .dojoDndHandle {/* background: #fee; background: #ffffff; */cursor:move;
    229 width: 245px;
    230 /* background-image: url(imagesv2/nc_Dojoimages/itle.jpg); */
    231 background-color:skyblue;
    232 color: black;
    233 font-size: 14px;
    234 font-family: Arial;
    235 padding-left:4px;
    236 }
    237 .dojoDndAvatar.dojoDndHandle {/* background: #fee; background: #ffffff; */cursor:move;
    238 width: 245px;
    239 /*
    240 background-image: url(imagesv2/nc_Dojoimages/itle.jpg);
    241 */
    242 background-color:skyblue;
    243 color: black;
    244 font-size: 14px;
    245 font-family: Arial;
    246 padding-left:4px;
    247 }
    248 /*.clear { clear: both; } */
    249 </style>
    250 <!--
    251 <script type="text/javascript" src="../js_files/dojo-release-0.9.0/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
    252 
    253 <script type="text/javascript" src="../js_files/dojo-release-0.9.0/dojo/dnd/container.js"></script>
    254 <script type="text/javascript" src="../js_files/dojo-release-0.9.0/dojo/dnd/selector.js"></script>
    255 <script type="text/javascript" src="../js_files/dojo-release-0.9.0/dojo/dnd/source.js"></script>
    256 <script type="text/javascript" src="../js_files/dojo-release-0.9.0/dojo/dnd/avatar.js"></script>
    257 <script type="text/javascript" src="../js_files/dojo-release-0.9.0/dojo/dnd/manager.js"></script>
    258 -->
    259 
    260 <script type="text/javascript" src="dojo/dojo.js" djConfig="parseOnLoad: true"></script>
    261 
    262 <script type="text/javascript" src="dojo/dnd/container.js"></script>
    263 <script type="text/javascript" src="dojo/dnd/selector.js"></script>
    264 <script type="text/javascript" src="dojo/dnd/source.js"></script>
    265 <script type="text/javascript" src="dojo/dnd/avatar.js"></script>
    266 <script type="text/javascript" src="dojo/dnd/manager.js"></script>
    267 
    268 <script type="text/javascript">
    269         dojo.require("dojo.parser");
    270         dojo.require("dojo.dnd.source");
    271         dojo.require("doh.runner");
    272         dojo.require("dojo.fx");
    273 </script>
    274 
    275 <style>
    276 .TDtitleDj
    277 {
    278         width: 260px;
    279         /* background-image: url(../itle.jpg);  */
    280         background-color:skyblue;       
    281         color: black;
    282         font-size: 14px;
    283         font-family: Arial;
    284 }
    285 .TDtitleDjO
    286 {
    287         width: 260px;
    288         /* background-image: url(../itle.jpg); */
    289         background-color:skyblue;
    290         color: black;
    291         font-size: 14px;
    292         font-family: Arial;
    293         cursor:move;
    294 }
    295 .TDtitleDj2
    296 {
    297         width: 20px;
    298         /* background-image: url(../itle.jpg);  */
    299         background-color:skyblue;
    300         color: black;
    301         font-size: 14px;
    302         font-family: Arial;
    303         text-align:right;
    304 }
    305 </style>
    306 
    307 <script>
    308 
    309 function wipeOut(eleId){
    310         /*alert("eleId=" +eleId);
    311         alert("eleId=" +eleId);
    312         if(dojo.byId(eleId).style.display=="") 
    313         {   alert("in if ");*/
    314             dojo.byId(eleId+'Minus').style.display="none";
    315             dojo.byId(eleId+'Plus').style.display="";
    316                 dojo.byId(eleId).style.height = "";
    317                 var d = new doh.Deferred();
    318                 var s = dojo.fx.wipeOut({
    319                         node: eleId,
    320                         duration: 500,
    321                         onEnd: function(){
    322                                 doh.t(dojo.style(eleId, "height") < 5);
    323                                 d.callback(true);
    324                         }
    325                 }).play();
    326         return d;
    327         //}
    328 }
    329 
    330 function wipeIn(eleId){
    331         /*if(dojo.byId(eleId).style.display=="none")
    332         {*/
    333         dojo.byId(eleId+'Minus').style.display="";
    334     dojo.byId(eleId+'Plus').style.display="none";
    335         dojo.byId(eleId).style.height = "0px";
    336         var d = new doh.Deferred();
    337         dojo.fx.wipeIn({
    338                 node: eleId,
    339                 duration: 500,
    340                 onEnd: function(){
    341                         doh.t(dojo.style(eleId, "height") != 0);
    342                         d.callback(true);
    343                 }
    344         }).play();
    345         return d;
    346         //}
    347 }
    348 
    349 </script>
    350 </HEAD>
    351 <BODY bgColor=#ffffff leftMargin=0 topMargin=0 marginwidth="0" marginheight="0">
    352 
    353 <TABLE style="padding:10px" height="98%" cellSpacing=0 cellPadding=0 width="100%" align=center valign="middle" border=1>
    354  
    355   <tr height="25px">
    356         <td>First Section</td>
    357         <td>Second Section</td>
    358         <td>Third Section</td>
    359 </tr
    360 
    361         <TBODY><TR>
    362        
    363         <!-- Begin First Td -->
    364           <TD vAlign=top align=left width="33%" height="100%">
    365          
    366           <!-- Begin First Section Div -->
    367          
    368             <DIV class="container handles" withHandles="true" jsId="c1" dojoType="dojo.dnd.Source">
    369                         <!-- Begin Test Info 1 -->     
    370                                         <TABLE class=dojoDndItem id=w1 cellSpacing=0>
    371                                                  <TBODY>
    372                                                 <TR>
    373                                                         <TD class=dojoDndHandle>Test Info 1</TD>
    374                                                         <TD class=TDtitleDj2><IMG id=l1Minus
    375                                                                 onclick="wipeOut('l1')" alt=-
    376                                                                         src="/minus.gif"> <IMG
    377                                                                 id=l1Plus style="DISPLAY: none"
    378                                         onclick="wipeIn('l1')" alt=+
    379                                                                 src="../plus.gif">
    380                                 </TD>
    381                             </TR>
    382                                                 <TR>
    383                                                         <TD width="100%" colSpan=2>
    384                                                                 <DIV class=DIVcontainer id=l1>
    385                                                                 <DIV class=DIVinner>
    386                                                                         <TABLE class=tableBorder5 cellSpacing=0 cellPadding=0 width="100%" border=0>
    387                                                                          <TBODY>
    388                                                                           <TR>
    389                                                         <TD class=tdtitle01l>Det Info 1</TD>
    390                                                         <TD class=tdtitle01l align=right><A
    391                                                                 class=textsmB
    392                                                                 href="#">View
    393                                                                 Details »</A></TD>
    394                                                           </TR>
    395                                                                                   <TR>
    396                                                                                 <TD class=tdbgLight_02n align=left
    397                                                                                 width="60%">AAAAA</TD>
    398                                                         <TD class=tdbgLight_02 align=right
    399                                                                 width="40%">59.00</TD>
    400                                                          </TR>
    401                                                  <TR>
    402                                                         <TD class=tdbgDark_02n align=left>BBBB</TD>
    403                                                         <TD class=tdbgDark_02 align=right>0.00
    404                                                         </TD>
    405                                                      </TR>
    406                                                 <TR>
    407                                                         <TD class=tdbgLight_02n align=left>CCCC</TD>
    408                                                         <TD class=tdbgLight_02
    409                                                         align=right>087.30</TD>
    410                                                 </TR>
    411                                                                         <TR>
    412                                                                                 <TD class=tdbgDark_02n align=left>EEEE</TD>
    413                                                                                 <TD class=tdbgDark_02
    414                                                                                 align=right>146.30</TD>
    415                                                                         </TR>
    416                                                                   </TBODY>
    417                                                                 </TABLE>
    418                                                         </DIV>
    419                                                         </DIV>
    420                                                 </TD>
    421                                         </TR>
    422                                         <TR><TD colSpan=2 height=15></TD></TR>
    423                                 </TBODY>
    424                   </TABLE>
    425                   <!-- End Test Info 1 -->     
    426        
    427            <!-- Begin Test Info 2 -->
    428                  <TABLE class=dojoDndItem id=w2 cellSpacing=0>
    429                 <TBODY>
    430                  <TR>
    431                     <TD class=dojoDndHandle>Test Info 2</TD>
    432                         <TD class=TDtitleDj2><IMG id=l2Minus
    433                                         onclick="wipeOut('l2')" alt=-
    434                         src="../minus.gif"> <IMG
    435                                     id=l2Plus style="DISPLAY: none"
    436                         onclick="wipeIn('l2')" alt=+
    437                                         src="../plus.gif">
    438                                 </TD>
    439                         </TR>
    440                 <TR><TD width="100%" colSpan=2>
    441                                  <DIV class=DIVcontainer id=l2>
    442                                  <DIV class=DIVinner>
    443                                             <TABLE class=tableBorder cellSpacing=0 cellPadding=5 width="100%" border=0>
    444                             <TBODY>
    445                                                           <TR>
    446                                                          <TD class=tdtitle01l align=left
    447                                                                          colSpan=2>Det Info 2</TD>
    448                                                          <TD class=tdtitle01l align=right><A
    449                                                                 class=textsmB
    450                                                                         href="#">Detailed
    451                                         »</A></TD>
    452                                   </TR>
    453                                                   <TR>
    454                                                          <TD class=tdtitle02 width="100%" colSpan=3>
    455                                                                 <TABLE cellSpacing=0 width="100%" border=0>
    456                                                                   <TBODY>
    457                                                                            <TR>
    458                                                 <TD width="66%" colSpan=2><SELECT
    459                                                         class=tdbody02_mid id=lists
    460                                                         onchange=watchlist(this.value); name=lists>
    461                                                         <OPTION value= selected>111</OPTION> <OPTION
    462                                                         value=List1>List1</OPTION></SELECT> </TD>
    463                                                 <TD align=right width="33%"><SELECT
    464                                                         class=tdbody02_mid >
    465                                                         <OPTION value="qq" selected>Change
    466                                                         (1)</OPTION> <OPTION value="Change (2)">Change
    467                                                         (3)</OPTION> <OPTION
    468                                                         value=Volume>WWW</OPTION></SELECT>
    469                                                 </TD>
    470                                                </TR>
    471                                               </TBODY>
    472                                             </TABLE>
    473                                           </TD>
    474                                        </TR>
    475                                                    <TR>
    476                                                                  <TD class=tdbody02_title01><B>TTT</B></TD>
    477                                                          <TD class=tdbody02_title><B>!!!</B></TD>
    478                                                          <TD  class=tdbody02_title><B>&nbsp;&nbsp;&nbsp;Change
    479                                         (1)</B> </TD>
    480                                    </TR>
    481                                                    <TR>
    482                                                           <TD class=tdbody02_mid01>A</TD>
    483                                                           <TD class=tdbody02_midW id=tdLastTrade0><SPAN
    484                                         id=LastTrade0>0.00</SPAN></TD>
    485                                                           <TD class=tdbody02_midW id=tdChange0><SPAN
    486                                         id=Change0><FONT
    487                                                                 color=green>0.00</FONT></SPAN>&nbsp;&nbsp;</TD>
    488                                                    </TR>
    489                                <TR>
    490                                            <TD class=tdbody02_mid01>B</TD>
    491                                        <TD class=tdbody02_midW id=tdLastTrade1><SPAN
    492                                         id=LastTrade1>0.00</SPAN></TD>
    493                                                                 <TD class=tdbody02_midW id=tdChange1><SPAN
    494                                         id=Change1><FONT
    495                                                                 color=green>0.00</FONT></SPAN>&nbsp;&nbsp;</TD>
    496                                                   </TR>
    497                               <TR>
    498                                 <TD class=tdbody02_mid01>C</TD>
    499                                                             <TD class=tdbody02_midW id=tdLastTrade2><SPAN
    500                                 id=LastTrade2>0.00</SPAN></TD>
    501                                                         <TD class=tdbody02_midW id=tdChange2><SPAN
    502                                                         id=Change2><FONT
    503                                                         color=green>0.00</FONT></SPAN>&nbsp;&nbsp;</TD>
    504                                                  </TR>
    505                                                          <TR>
    506                                                         <TD class=tdbody02_mid01>D</TD>
    507                                                         <TD class=tdbody02_midW id=tdLastTrade3><SPAN
    508                                                                 id=LastTrade3>0.00</SPAN></TD>
    509                                                         <TD class=tdbody02_midW id=tdChange3><SPAN
    510                                                                  id=Change3><FONT
    511                                                                  color=green>0.00</FONT></SPAN>&nbsp;&nbsp;</TD>
    512                                                         </TR>
    513                                                 <TR>
    514                                                         <TD class=tdbody02_mid01>E</TD>
    515                                                         <TD class=tdbody02_midW id=tdLastTrade4><SPAN
    516                                                         id=LastTrade4>0.00</SPAN></TD>
    517                                                         <TD class=tdbody02_midW id=tdChange4><SPAN
    518                                                         id=Change4><FONT
    519                                                         color=green>0.00</FONT></SPAN>&nbsp;&nbsp;</TD>
    520                                            </TR>
    521                                 </TBODY></TABLE>
    522                                 </div></div>
    523                         </td></tr>
    524                          <TR><TD  height=15></TD></TR>
    525                        
    526                         </tbody></table>       
    527            <!-- End Test Info 2 -->
    528     <!-- Begin Test Info 3 -->
    529            <TABLE class=dojoDndItem id=w3 cellSpacing=0>
    530                 <TBODY><TR>
    531                  <TD class=dojoDndHandle>Test Info 3</TD>
    532                          <TD class=TDtitleDj2><IMG id=l3Minus
    533                                          onclick="wipeOut('l3')" alt=-
    534                      src="../minus.gif"> <IMG
    535                                          id=l3Plus style="DISPLAY: none"
    536                                          onclick="wipeIn('l3')" alt=+
    537                                 src="../plus.gif">
    538                          </TD>
    539                         </TR>
    540                             <TR><TD width="100%" colSpan=2>
    541                                  <DIV class=DIVcontainer id=l3>
    542                                  <DIV class=DIVinner>
    543                     <TABLE class=tableBorder5 cellSpacing=0
    544                                 cellPadding=5 width="100%" border=0>
    545                     <TBODY>
    546                                <TR>
    547                                 <TD class=tdtitle01l colSpan=10>Det Info 3 </TD>
    548                        </TR>
    549                                         <TR>
    550                                                 <TD class=tdbody02_mid colSpan=10>34532452345234</B>
    551                                                         </TD>
    552                                                 </TR>
    553                                          </TBODY>
    554                                         </TABLE>
    555                                  </DIV>
    556                                  </DIV>
    557                          </TD></TR>
    558                 <TR><TD colSpan=2 height=15></TD>
    559                 </TR></TBODY>
    560     </TABLE>
    561    
    562    <!-- End Test Info 3 -->
    563                                                      
    564                                        
    565 </DIV>
    566  <!-- End First Section Div -->
    567 </TD>
    568 <!-- End First Td -->
    569 
    570            
    571 <!-- Begin Second Td--->     
    572        
    573    <TD style="PADDING-LEFT: 15px" width="33%"  height="100%">
    574      <!-- Begin Second Section Div -->
    575       <DIV class="container handles"withHandles="true" jsId="c1" dojoType="dojo.dnd.Source">
    576      
    577       <!-- Begin Test Info 4 -->
    578     <TABLE class=dojoDndItem id=w9 cellSpacing=0>
    579           <TBODY>
    580            <TR><TD  class=dojoDndHandle>Test Info 4</TD>
    581            <TD class=TDtitleDj2><IMG id=l9Minus
    582                         onclick="wipeOut('l9')" alt=-
    583                 src="../minus.gif"> <IMG
    584                 id=l9Plus style="DISPLAY: none"
    585                             onclick="wipeIn('l9')" alt=+
    586                 src="../plus.gif">
    587            </TD>
    588        </TR>
    589        <TR><TD width="100%" colSpan=2>
    590                    <DIV class=DIVcontainer id=l9>
    591                           <DIV class=DIVinner>
    592                         <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
    593                                  <TBODY>
    594                                    <TR>
    595                                  <TD vAlign=top width="100%" colSpan=3>
    596                                         <TABLE class=tableBorderG cellSpacing=4 cellPadding=1 width="100%" border=0>
    597                                                  <TBODY>
    598                                                   <TR>
    599                                                          <TD width="2%"><IMG  src="../icon_importantNew.gif"></TD>
    600                                                          <TD class=textbold1 width="986%">fgsdfgsdfgsdfgsdfg</TD></TR>
    601                                                  <TR>
    602                             <TD class=Textbody4 colSpan=2>hjhgjghjghj<BR></TD>
    603                          </TR>
    604                         </TBODY>
    605                       </TABLE>
    606                     </TD>
    607                   </TR>
    608                                   <TR>
    609                     <TD vAlign=top width="100%" colSpan=3
    610                         height=10></TD>
    611                       </TR>
    612                     </TBODY>
    613                   </TABLE>
    614                 </DIV>
    615               </DIV>
    616           </TD></TR>
    617 
    618           <tR><TD colSpan=2 height=15></TD></TR>
    619    </TBODY>
    620   </TABLE>
    621  
    622  <!-- End Test Info 4 -->
    623  
    624  <!-- Begin Test Info 4 -->                               
    625      <TABLE class=dojoDndItem id=w5 cellSpacing=0>
    626         <TBODY><TR>
    627                    <TD class=dojoDndHandle>Test Info 5</TD>
    628                    <TD class=TDtitleDj2><IMG id=l5Minus
    629                         onclick="wipeOut('l5')" alt=-
    630                         src="../minus.gif"> <IMG
    631                         id=l5Plus style="DISPLAY: none"
    632                         onclick="wipeIn('l5')" alt=+
    633                         src="../plus.gif">
    634                     </TD>
    635                 </TR>
    636                         <TR>
    637                                 <TD width="100%" colSpan=2>
    638                                         <DIV class=DIVcontainer id=l5>
    639                                         <DIV class=DIVinner>
    640                                          <DIV id=DDDDiv style="DISPLAY: none">
    641                                                  <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
    642                                                  <TBODY>
    643                                                         <TR>
    644                                                                 <TD class=background_image1G width=4><IMG
    645                                                                  height=20 src="../spacer(1).gif" width=4></TD>
    646                                                                 <TD class=line_blueG width=25><A class=boldFont
    647                                                                  href="javascript:showHide('DDD');">DDD</A></TD>
    648                                                                  <TD class=background_image2G width=27><IMG
    649                                                                   height=20
    650                                                                          src="../spacer(1).gif"
    651                                                                   width=27></TD>
    652                                                                  <TD class=background_image1B width=4><IMG
    653                                                                    height=20 src="../spacer(1).gif" width=4></TD>
    654                                                                  <TD class=line_blueB width=35><A class=greyT1
    655                                                                    href="javascript:showHide('NNN');">NNN</A></TD>
    656                                                                  <TD class=background_image2B width=27><IMG
    657                                                                    height=20 src="../spacer(1).gif" width=27></TD>
    658                                                                  <TD class=background_image1B width=4><IMG
    659                                                                          height=20 src="../spacer(1).gif"  width=4></TD>
    660                                                                   <TD class=line_blueB width=45><A class=greyT1
    661                                                                   href="javascript:showHide('SSS');">SSS</A></TD>
    662                                                                   <TD class=background_image2B width=27><IMG
    663                                                  height=20 src="../spacer(1).gif" width=27></TD>
    664                                                                   <TD class=blue_line width=110><IMG height=20
    665                                                 src="../spacer(1).gif" width=1></TD>
    666                                             </TR>
    667                                                                 <TR>
    668                                                                         <TD colSpan=10>
    669                                                                                 <TABLE class=blue-LRB cellSpacing=0
    670                                                                                          cellPadding=0 width="100%" border=0>
    671                                                                                   <TBODY>
    672                                                                                          <TR>
    673                                                                                                  <TD height=10></TD></TR>
    674                                                                                          <TR>
    675                                                                                                 <TD>
    676                                                                                                         <TABLE cellSpacing=0 cellPadding=0 width="100%"
    677                                                                                                           border=0>
    678                                                                                                           <TBODY>
    679                                                                                                                   <TR>
    680                                                                                                                          <TD vAlign=center align=middle colSpan=3><IMG
    681                                                                                                                           src="../chart.png"></TD>
    682                                                                                                                    </TR>
    683                                                                                                           </TBODY>
    684                                                                                                         </TABLE>
    685                                                                                                 </TD>
    686                                                                                         </TR>
    687                                                                                 </TBODY>
    688                                                                         </TABLE>
    689                                                                 </TD>
    690                                                         </TR>
    691                                                 </TBODY>
    692                                         </TABLE>
    693                                 </DIV>
    694                                 <DIV id=NNN style="DISPLAY: none">
    695                                         <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
    696                                         <TBODY>
    697                                             <TR>
    698                                                    <TD class=background_image1B width=4><IMG height=20
    699                                                           src="../spacer(1).gif"
    700                                                           width=4></TD>
    701                                                                  <TD class=line_blueB width=25><A class=greyT1
    702                                                                          href="javascript:showHide('DDD');">DDD</A></TD>
    703                                                                  <TD class=background_image2B width=27><IMG
    704                                                                                 height=20
    705                                                                           src="../spacer(1).gif"
    706                                                                    width=27></TD>
    707                                                                  <TD class=background_image1G width=4><IMG
    708                                                                          height=20
    709                                                                           src="../spacer(1).gif"
    710                                                                          width=4></TD>
    711                                                            <TD class=line_blueG width=35><A class=boldFont
    712                                                                     href="javascript:showHide('NNN');">NNN</A></TD>
    713                                                           <TD class=background_image2G width=27><IMG
    714                                                                  height=20
    715                                                             src="../spacer(1).gif"
    716                                                                   width=27></TD>
    717                                                            <TD class=background_image1B width=4><IMG
    718                                                                    height=20
    719                                                                          src="../spacer(1).gif"
    720                                                                  width=4></TD>
    721                                                                  <TD class=line_blueB width=45><A class=greyT1
    722                                                                   href="javascript:showHide('SSS');">SSS</A></TD>
    723                                                                   <TD class=background_image2B width=27><IMG
    724                                                                          height=20
    725                                                                          src="../spacer(1).gif"
    726                                                                           width=27></TD>
    727                                                                    <TD class=blue_line width=110><IMG height=20
    728                                                                          src="../Spacer(1).gif"
    729                                                                                 width=1></TD>
    730                                                          </TR>
    731                                                          <TR>
    732                                                                 <TD colSpan=10>
    733                                                                         <TABLE class=blue-LRB cellSpacing=0
    734                                                                                 cellPadding=0 width="100%" border=0>
    735                                                                                 <TBODY>
    736                                                                                   <TR>
    737                                                                                           <TD height=10></TD></TR>
    738                                                                                   <TR>
    739                                                                                           <TD>
    740                                                                                           <TABLE cellSpacing=0 cellPadding=0 width="100%"
    741                                                                         border=0>
    742                                                                         <TBODY>
    743                                                                                 <TR>
    744                                                                                         <TD vAlign=center align=middle colSpan=3><IMG
    745                                                                                                                    src="../Chart(1).gif"></TD></TR>
    746                                                                                                      <TR>
    747                                                                                                            <TD height=10></TD></TR>
    748                                                                                                          <TR>
    749                                                                                                                  <TD class=largeT3_B
    750                                                                                                                  height=24>&nbsp;&nbsp;&nbsp;&nbsp;NNN</TD>
    751                                                                                                                  <TD class=largeT3_B height=24><FONT
    752                                                                                                                                 color=green>0.00</FONT></TD>
    753                                                                                                         </TR>
    754                                                                                                 </TBODY>
    755                                                                                         </TABLE>
    756                                                                                 </TD></TR>
    757                                                                         </TBODY>
    758                                                                 </TABLE>
    759                                                         </TD></TR>
    760                                                 </TBODY>
    761                                         </TABLE>
    762                         </DIV>
    763                        
    764                          <DIV id=SSS style="DISPLAY: none">
    765                                 <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
    766                                  <TBODY>
    767                                         <TR>
    768                                                 <TD class=background_image1B width=4><IMG
    769                                                          height=20
    770                                 src="../spacer(1).gif"
    771                                                                 width=4></TD>
    772                             <TD class=line_blueB width=25><A class=greyT1
    773                                                          href="javascript:showHide('DDD');">DDD</A></TD>
    774                                                 <TD class=background_image2B width=27><IMG
    775                                                         height=20
    776                                                          src="../spacer(1).gif"
    777                                                          width=27></TD>
    778                                                 <TD class=background_image1B width=4><IMG
    779                                                         height=20
    780                                                         src="../spacer(1).gif"
    781                                                          width=4></TD>
    782                                                  <TD class=line_blueB width=35><A class=greyT1
    783                                                           href="javascript:showHide('NNN');">NNN</A></TD>
    784                                                  <TD class=background_image2B width=27><IMG
    785                                                           height=20
    786                                                           src="../spacer(1).gif"
    787                                                          width=27></TD>
    788                                                  <TD class=background_image1G width=4><IMG
    789                                                          height=20
    790                                                          src="../spacer(1).gif"
    791                                                         width=4></TD>
    792                                                  <TD class=line_blueG width=45><A class=boldFont
    793                                                          href="javascript:showHide('S&amp;P');">SSS</A></TD>
    794                                                  <TD class=background_image2G width=27><IMG
    795                                                           height=20
    796                                                                 src="../spacer(1).gif"
    797                                                          width=27></TD>
    798                                             <TD class=blue_line width=110><IMG height=20
    799                                                   src="../spacer(1).gif"
    800                                                          width=1></TD></TR>
    801                                          <TR>
    802                                          <TD colSpan=10>
    803                                                 <TABLE class=blue-LRB cellSpacing=0 cellPadding=0 width="100%" border=0>
    804                                                         <TBODY>
    805                                                           <TR>
    806                                                                  <TD height=10></TD></TR>
    807                                                           <TR>
    808                                         <TD>
    809                                                             <TABLE cellSpacing=0 cellPadding=0 width="100%"  border=0>
    810                                                                   <TBODY>
    811                                                                           <TR>
    812                                                                                    <TD vAlign=center align=middle colSpan=3><IMG
    813                                                                                 src="..Chart(2).gif"></TD></TR>
    814                                                                     <TR>
    815                                                                          <TD height=10></TD></TR>
    816                                                                          <TR>
    817                                                                          <TD class=largeT3_B
    818                                                                                 height=24>&nbsp;&nbsp;&nbsp;&nbsp;SSS</TD>
    819                                                                           <TD class=largeT3_B height=24><FONT
    820                                                                                  color=green>0.00</FONT>
    821                                                                           </TD>
    822                                                                          </TR>
    823                                                                         </TBODY>
    824                                                                 </TABLE>
    825                                                         </TD>
    826                                                 </TR>
    827                                         </TBODY>
    828                                 </TABLE>
    829                         </TD>
    830                 </TR>
    831         </TBODY>
    832        </TABLE>
    833       </DIV>
    834      </DIV>
    835     </DIV>
    836     </TD></TR>
    837 
    838     <TR><TD colSpan=2 height=15></TD></TR>
    839   </TBODY>
    840 </TABLE>
    841 
    842 <!-- End Info 5 -->
    843 
    844 <!-- Begin Info 6 -->
    845          <TABLE class=dojoDndItem id=w6 cellSpacing=0>
    846              <TBODY>
    847                 <TR> <TD class=dojoDndHandle>Test Info 6</TD>
    848                    <TD class=TDtitleDj2><IMG id=l6Minus
    849                         onclick="wipeOut('l6')" alt=-
    850                         src="../minus.gif"> <IMG
    851                         id=l6Plus style="DISPLAY: none"
    852                         onclick="wipeIn('l6')" alt=+
    853                         src="../plus.gif">
    854                         </TD>
    855                 </TR>
    856                 <TR>
    857                         <TD width="100%" colSpan=2>
    858                          <DIV class=DIVcontainer id=l6>
    859                                 <DIV class=DIVinner>
    860                             <DIV id=MsgDiv style="DISPLAY: none">
    861                                         <TABLE cellSpacing=0 cellPadding=0 width="100%"
    862                                                          border=0>
    863                                                         <TBODY>
    864                                                          <TR>
    865                                                          <TD class=background_image1G width=4
    866                                                                 height=20><IMG height=20
    867                                                                  src="../spacer(1).gif"
    868                                                                 width=4></TD>
    869                                                          <TD class=line_blueG width=80><A class=boldFont
    870                                                    href="javascript:showHide('Msg');">Det Info 6</A>&nbsp;<A
    871                                                                   class=textsmB
    872                                                           href="#">(New)</A></TD>
    873                                                          <TD class=background_image2G width=20
    874                                                                   height=20><IMG height=20
    875                                                                           src="../spacer(1).gif"
    876                                                                    width=27></TD>
    877                                                     <TD class=background_image1B width=4><IMG
    878                                       height=20
    879                                                           src="../spacer(1).gif"
    880                                                           width=4></TD>
    881                                                          <TD class=line_blueB width=45><A class=greyT1
    882                                                                  href="javascript:showHide('Announ');">ANNNNN</A></TD>
    883                                                          <TD class=background_image2B width=20><IMG
    884                                                 height=20
    885                                                 src="../spacer(1).gif"
    886                                                 width=27></TD>
    887                                                                  <TD class=blue_line width="100%"><IMG height=20
    888                                                                 src="../spacer(1).gif"
    889                                                                  width=1></TD></TR>
    890                                                            <TR>
    891                                                            <TD colSpan=8>
    892                                                                    <TABLE class=blue-LRB cellSpacing=0
    893                                                                    cellPadding=0 width="100%" border=0>
    894                                                                          <TBODY>
    895                                                                                  <TR>
    896                                                                                    <TD height=10></TD></TR>
    897                                                                                    <TR>
    898                                                                                    <TD>
    899                                                                                           <TABLE cellSpacing=0 cellPadding=0 width="100%"
    900                                                                                           border=0>
    901                                                                                           <TBODY>
    902                                                                                                 <TR>
    903                                                                                                   <TD vAlign=center align=middle colSpan=3>
    904                                                                                                           <TABLE cellSpacing=0 cellPadding=0 width="100%"
    905                                                                                                                                            border=0>
    906                                                                                                                      <TBODY>
    907                                                                                                                              <TR>
    908                                                                                                                                   <TD class=tdbgLight_02Al2>1.&nbsp;qqqqqq</TD></TR>
    909                                                                                                                          <TR>
    910                                                                                                                                         <TD class=tdbgLight_02Al2>2.&nbsp;wwwwww
    911                                                                                                                                 </TD></TR>
    912                                                                                                                  </TBODY>
    913                                                                                                         </TABLE>
    914                                                                                                 </TD></TD>
    915                                                                                                 <TD vAlign=top width="20%" rowSpan=2><IMG
    916                                                                                                  src="../box.gif"></TD></TR>
    917                                                                                                    <TR>
    918                                                                                                           <TD colSpan=2 height=10>&nbsp; <A class=textsmB
    919                                                                                                            href="#">View
    920                                                                                                                                    All »</A></TD></TR>
    921                                                                                                     <TR>
    922                                                                                                           <TD
    923                                                                                                                  height=10></TD>
    924                                                                                                 </TR>
    925                                                                                 </TBODY>
    926                                                                 </TABLE>
    927                                                 </TD>
    928                                 </TR>
    929                   </TBODY>
    930                 </TABLE>
    931                </TD></TR>
    932               </TBODY>
    933              </TABLE>
    934            </DIV>
    935            
    936            
    937            <DIV id=Annn Style="DISPLAY: none">
    938                 <TABLE cellSpacing=0 cellPadding=0 width="100%"
    939                 border=0>
    940                 <TBODY>
    941                         <TR>
    942                                 <TD class=background_image1B width=4
    943                                  height=20><IMG height=20
    944                             src="../spacer(1).gif"
    945                                  width=4></TD>
    946                                          <TD class=line_blueB width=80><A class=greyT1
    947                                                 href="javascript:showHide('Msg');">MCCCCCCCCC</A>&nbsp;<A
    948                                                  class=textsmB
    949                                                   href="#">(New)</A></TD>
    950                                           <TD class=background_image2B width=20
    951                                                  height=20><IMG height=20
    952                                 src="../spacer(1).gif"
    953                                                 width=27></TD>
    954                                           <TD class=background_image1G width=4><IMG
    955                                  height=20             
    956                                                 src="../spacer(1).gif"
    957                                                 width=4></TD>
    958                                          <TD class=line_blueG width=45><A class=boldFont
    959                                                   href="javascript:showHide('Annnn');">Annnnnn</A></TD>
    960                                          <TD class=background_image2G width=20><IMG
    961                                                           height=20
    962                                 src="../spacer(1).gif"
    963                                             width=27></TD> 
    964                                  <TD class=blue_line width="100%">
    965                                     <IMG height=20
    966                                         src="../spacer(1).gif"
    967                                                           width=1></TD>
    968                                         </TR>
    969                                         <TR>
    970                                 <TD colSpan=8>
    971                                                         <TABLE class=blue-LRB cellSpacing=0  cellPadding=0 width="100%" border=0>
    972                                          <TBODY>
    973                                                           <TR><TD height=10></TD></TR>
    974                                                           <TR>
    975                                                 <TD>
    976                                                                   <TABLE cellSpacing=0 cellPadding=0 width="100%"
    977                                                                           border=0>
    978                                                                           <TBODY>
    979                                                                                 <TR>
    980                                                                         <TD vAlign=center align=middle colSpan=3>
    981                                                                                           <TABLE cellSpacing=0 cellPadding=0 width="100%"
    982                                                                                                    border=0 valign="top">
    983                                                                                            <TBODY>
    984                                                                                                    <TR class=tdbgLight_02Al2>
    985                                                                                                           <TD class=tdbgLight_02Al2 align=left>1.&nbsp;dfasf sadfasdf asdfasdfsd</TD>
    986                                                                                                                  </TR>
    987                                                                                                         <TR class=tdbgLight_02Al2>
    988                                                                                                                  <TD class=tdbgLight_02Al2
    989                                                                                                         align=left>2.&nbsp;safdafd asf sdfsdf
    990                                                                                                         </TD></TR>
    991                                                                                                         <TR class=tdbgLight_02Al2>
    992                                                                                                         <TD class=tdbgLight_02Al2
    993                                                                                                         align=left>3.&nbsp;asdf sadf  wer ee</TD></TR>
    994                                                                                                         <TR class=tdbgLight_02Al2>
    995                                                                                                         <TD class=tdbgLight_02Al2 align=left>4.&nbsp;ff tgh qw uerwre cvdfdg</TD></TR>
    996                                                                                                         <TR class=tdbgLight_02Al2>
    997                                                                                                         <TD class=tdbgLight_02Al2 align=left>5.&nbsp;asdf sdfd dfdf.&nbsp;<A class=textsmB
    998                                                                                                         href="#">Reports</A></TD></TR>
    999                                                                                                         <TR class=tdbgLight_02Al2>
    1000                                                                                                         <TD class=tdbgLight_02Al2
    1001                                                                                                         align=left>6.&nbsp;Samples</TD>
    1002                                                                                                         </TR>
    1003                                                                                                  </TBODY>
    1004                                                                                                </TABLE>
    1005                                                                                             </TD>
    1006                                                                                         </TR>
    1007                                                                                         <TR>
    1008                                                                                                 <TD height=10></TD></TR>
    1009                                                                                 </TBODY>
    1010                                                                 </TABLE>
    1011                                                 </TD></TR>
    1012                                 </TBODY></TABLE>
    1013                   </TD></TR>
    1014                                 </TBODY></TABLE>
    1015                 </DIV>
    1016                
    1017                
    1018                
    1019 <SCRIPT>
    1020 showHide('DDD');
    1021 showHide('Msg');
    1022 </SCRIPT>
    1023              </FORM>
    1024            </DIV>
    1025          </DIV>
    1026        </TD></TR>
    1027        <TR>  <TD colSpan=2  height=15></TD></TR>
    1028      </TBODY></TABLE>
    1029 
    1030    <!-- End Test Info 6 -->                             
    1031                            
    1032 </DIV>
    1033  <!-- End First Section Div -->
    1034 </TD>
    1035                            
    1036 <!-- End Second Td--->     
    1037                        
    1038  <!-- Begin Third Td--->
    1039                            
    1040   <TD style="PADDING-LEFT: 15px" vAlign=top  align=left width="34%" height="100%">
    1041  
    1042   <!-- Begin Third Section Div -->   
    1043   <DIV class="container handles"  withHandles="true" jsId="c1" dojoType="dojo.dnd.Source">
    1044      <TABLE class=dojoDndItem id=w7 cellSpacing=0>
    1045        <TBODY>
    1046         <TR>
    1047                 <TD class=dojoDndHandle>Sssssss</TD>
    1048             <TD class=TDtitleDj2><IMG id=l7Minus
    1049                onclick="wipeOut('l7')" alt=-
    1050                         src="../minus.gif"> <IMG
    1051                         id=l7Plus style="DISPLAY: none"
    1052                         onclick="wipeIn('l7')" alt=+
    1053                         src="../plus.gif">
    1054                         </TD>
    1055          </TR>
    1056          <TR>
    1057              <TD width="100%" colSpan=2>
    1058                 <DIV class=DIVcontainer id=l7>
    1059                    <DIV class=DIVinner>
    1060                       <TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
    1061                         <TBODY>
    1062                         <TR>
    1063                                 <TD class=background_image1G width=4><IMG
    1064                                 height=20
    1065                                 src="../spacer.gif"
    1066                                 width=4></TD>
    1067                                 <TD class=line_blueG width=45><A class=boldFont
    1068                                                  href="#">yyyy</A></TD>
    1069                                  <TD class=background_image2G width=27><IMG
    1070                                         height=20
    1071                                           src="../spacer.gif"
    1072                                         width=27></TD>
    1073                                 <TD class=background_image1B width=4><IMG
    1074                                 height=20
    1075                                         src="../spacer.gif"
    1076                                   width=4></TD>
    1077                                         <TD class=line_blueB width=66><A class=greyT1
    1078                                         href="#">Assss</A></TD>
    1079                                         <TD class=background_image2B width=27><IMG
    1080                                          height=20
    1081                                         src="../spacer.gif"
    1082                                           width=27></TD>
    1083                                           <TD class=blue_line width=350><IMG height=20
    1084                                         src="../spacer.gif"
    1085                                             width=1></TD>
    1086                                 </TR>
    1087                         <TR><TD colSpan=11>
    1088                             <TABLE class=blue-LRB cellSpacing=0  cellPadding=0 width="100%" border=0>
    1089                             <TBODY><TR><TD height=22></TD></TR>
    1090                                         <TR> <TD align=middle colSpan=7></TD></TR>
    1091                                         <TR><TD height=12></TD></TR>
    1092                             </TBODY></TABLE>
    1093                         </TD></TR>
    1094                      </TBODY>
    1095                    </TABLE>
    1096                  </DIV></DIV>
    1097               </TD></TR>
    1098               <TR><TD colSpan=3></TD></TR>
    1099               <TR><TD vAlign=top colSpan=3>
    1100                  <DIV></DIV>
    1101                  <DIV></DIV></TD></TR>
    1102               <TR>
    1103                  <TD colSpan=2  height=15></TD></TR>
    1104       </TBODY></TABLE> 
    1105      
    1106       <!-- Begin Test Info 8-->
    1107   <TABLE class=dojoDndItem id=w8 cellSpacing=0 border="0">
    1108        <TBODY>
    1109          <TR><TD class=dojoDndHandle>Test Info 8</TD>
    1110              <TD class=TDtitleDj2><IMG id=l8Minus
    1111               onclick="wipeOut('l8')" alt=-
    1112               src="../minus.gif"> <IMG
    1113               id=l8Plus style="DISPLAY: none"
    1114               onclick="wipeIn('l8')" alt=+
    1115               src="../plus.gif">
    1116           </TD></TR>
    1117            <TR>
    1118                <TD width="100%" colSpan=2>
    1119                <DIV class=DIVcontainer id=l8>
    1120                 <DIV class=DIVinner>
    1121                  <TABLE class=tableBorderquicklink cellSpacing=0
    1122                    cellPadding=0 width="100%" align=left border=0>
    1123                    <TBODY>
    1124                     <TR bgColor=#ebf2fa>
    1125                     <TD class=tdtitlequicklink><IMG height=19
    1126                     src="../spacer.gif"
    1127                     width=4></TD>
    1128                     <TD class=tdtitlequicklink
    1129                     width="38%">Links</TD>
    1130                     <TD class=tdtitlequicklink width="40%"><IMG
    1131                     height=18
    1132                     src="../spacer.gif"
    1133                     width=12></TD>
    1134                     <TD class=tdtitlequicklink><IMG height=1
    1135                     src="../spacer.gif"
    1136                     width=12></TD></TR>
    1137                     <TR>
    1138                     <TD vAlign=top align=right colSpan=4>
    1139                     <TABLE class=bgquicklinks cellSpacing=0
    1140                     cellPadding=0 width="100%" border=0>
    1141                     <TBODY>
    1142                     <TR>
    1143                     <TD>
    1144                     <TABLE cellSpacing=0 cellPadding=0 width="90%"
    1145                     align=center border=0>
    1146                     <TBODY>
    1147                     <TR>
    1148                     <TD colSpan=2 height=5><IMG height=1
    1149                     src="../spacer.gif"
    1150                     width="90%"></TD></TR>
    1151                     <TR vAlign=top>
    1152                     <TD width="2%"></TD>
    1153                     <TD align=left width="98%" height=12><A
    1154                     class=gClass
    1155                     href="#">New Section</A></TD></TR>
    1156                     <TR>
    1157                     <TD class=fGreenline colSpan=2
    1158                     height=12></TD></TR>
    1159                     <TR vAlign=top>
    1160                     <TD width="2%"></TD>
    1161                     <TD align=left width="98%" height=12><A
    1162                     class=gClass
    1163                     href="#">Prrrrr</A></TD></TR>
    1164                     <TR>
    1165                     <TD class=fGreenline colSpan=2
    1166                     height=12></TD></TR>
    1167                     <TR vAlign=top>
    1168                     <TD></TD>
    1169                     <TD align=left height=12><A class=gClass
    1170                     href="#">Moooooo</A></TD></TR>
    1171                     <TR>
    1172                     <TD class=fGreenline colSpan=2 height=12><IMG
    1173                     height=1
    1174                     src="Network Components_files/spacer.gif"
    1175                     width="90%"></TD></TR>
    1176                     <TR vAlign=top>
    1177                     <TD></TD>
    1178                     <TD align=left height=12><A class=gClass
    1179                     href="#">Reeee</A></TD></TR>
    1180                     <TR>
    1181                     <TD colSpan=2 height=5><IMG height=1
    1182                     src="../spacer.gif"
    1183                     width="90%"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
    1184                     <TR class=bgquicklinks>
    1185                     <TD><IMG height=1
    1186                     src="../spacer.gif"
    1187                     width=1></TD>
    1188                     <TD colSpan=2><IMG height=1
    1189                     src="../spacer.gif"
    1190                     width="100%"></TD>
    1191                     <TD><IMG height=4
    1192                     src="../spacer.gif"
    1193                     width=12></TD>
    1194                    
    1195                     </TR></TBODY></TABLE>
    1196                    
    1197                     </td>
    1198                     </tr>
    1199                     <tr><td height=15px></td></tr>
    1200                     </table>
    1201          <!-- End Test Info 8-->             
    1202   </div>             
    1203                 <!-- End Third Section Div -->
    1204    </td> 
    1205                     <!-- End Third Td--->
    1206 </tr>
    1207 
    1208 </TBODY>
    1209 </table>
    1210 
    1211 </BODY>
    1212 </HTML>
    1213  
     5Code is as follows: [reducted].