Author: admitriev
Date: 2009-12-04 14:28:29 -0500 (Fri, 04 Dec 2009)
New Revision: 16066
Added:
management/design-4x/tree/images/cross.gif
management/design-4x/tree/images/file.gif
management/design-4x/tree/images/folder.gif
Removed:
management/design-4x/tree/images/icon.gif
Modified:
management/design-4x/tree/images/last.gif
management/design-4x/tree/tree.html
Log:
Added: management/design-4x/tree/images/cross.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/tree/images/cross.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/tree/images/file.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/tree/images/file.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/tree/images/folder.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/tree/images/folder.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Deleted: management/design-4x/tree/images/icon.gif
===================================================================
(Binary files differ)
Modified: management/design-4x/tree/images/last.gif
===================================================================
(Binary files differ)
Modified: management/design-4x/tree/tree.html
===================================================================
--- management/design-4x/tree/tree.html 2009-12-03 19:01:07 UTC (rev 16065)
+++ management/design-4x/tree/tree.html 2009-12-04 19:28:29 UTC (rev 16066)
@@ -6,17 +6,26 @@
<style>
.tree_size{width : 170px;}
-.tree_item{background : url(images/last.gif) no-repeat center left;cursor : default;
font-size : 11px /*generalSizeFont*/; font-family : verdana /*generalFamilyFont*/; color :
#000000 /*generalTextColor*/; padding : 1px 0px 1px 0px; overflow : hidden; width : 100%;
white-space : nowrap; text-overflow: ellipsis;}
-.tree_item_name{padding : 0px 2px 0px 2px; vertical-align : middle; cursor : pointer;}
+.tree_item{background : url(images/last.gif) no-repeat center left; cursor : default;
font-size : 11px /*generalSizeFont*/; font-family : verdana /*generalFamilyFont*/; color :
#000000 /*generalTextColor*/; padding : 1px 0px 1px 0px; overflow : hidden; width : 100%;
white-space : nowrap; text-overflow: ellipsis;}
+.tree_item_name{padding : 0px 2px 0px 2px; vertical-align : middle; cursor : pointer;
text-overflow: ellipsis;}
-
-.tree_select{background : #C7D7EC /*additionalBackgroundColor*/;}
+.tree_selected{background : url(images/cross.gif) no-repeat center left #C7D7EC
/*additionalBackgroundColor*/;}
.tree_level{background : url(images/line.gif) repeat-y;}
.tree_level_last{background : none;}
.tree_level .tree_level{margin-left : 16px;}
-.tree_icon {vertical-align : middle; margin : 0px; cursor : pointer;}
+.tree_icon {vertical-align : middle; margin : 0px; cursor : pointer; width : 16px; height
: 16px; display : inline-block;}
+
+.tree_status_plus {background : url(images/plus.gif) no-repeat center;}
+.tree_status_minus {background : url(images/minus.gif) no-repeat center;}
+
+.tree_status_blank {background : url(images/spacer.gif) no-repeat center;}
+
+.tree_node {background : url(images/folder.gif) no-repeat center;}
+.tree_child {background : url(images/file.gif) no-repeat center;}
+.tree_selarea {display : inline-block;}
+
.tree_level.tree_collapse .tree_level{display : none;}
</style>
@@ -29,62 +38,62 @@
<div class="tree_size">
<div class="tree_level tree_level_last">
- <div class="tree_item">
- <img src="images/plus.gif" width="16" height="16"
alt="" border="0" class="tree_icon"><img
src="images/icon.gif" width="16" height="16"
class="tree_icon"><span class="tree_item_name">Node
name</span>
+ <div class="tree_item" onmouseover="this.className='tree_item
tree_selected'" onmouseout="this.className='tree_item'">
+ <div class="tree_icon tree_status_minus"></div><div
class="tree_icon tree_node"></div><span
class="tree_item_name">Node name</span>
</div>
<div class="tree_level">
- <div class="tree_item">
- <img src="images/plus.gif" width="16" height="16"
alt="" border="0" class="tree_icon"><img
src="images/icon.gif" width="16" height="16"
class="tree_icon"><span class="tree_item_name">Node
name</span>
+ <div class="tree_item" onmouseover="this.className='tree_item
tree_selected'" onmouseout="this.className='tree_item'">
+ <div class="tree_icon tree_status_blank"></div><div
class="tree_icon tree_node"></div><span
class="tree_item_name">Node name</span>
</div>
</div>
<div class="tree_level">
- <div class="tree_item">
- <img src="images/minus.gif" width="16" height="16"
alt="" border="0" class="tree_icon"><img
src="images/icon.gif" width="16" height="16"
class="tree_icon"><span class="tree_item_name">Node
name</span>
+ <div class="tree_item" onmouseover="this.className='tree_item
tree_selected'" onmouseout="this.className='tree_item'">
+ <div class="tree_icon tree_status_minus"></div><div
class="tree_icon tree_node"></div><span
class="tree_item_name">Node name</span>
</div>
<div class="tree_level">
- <div class="tree_item">
- <img src="images/spacer.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name Node name Node name Node name Node name
</span>
+ <div class="tree_item tree_selected">
+ <div class="tree_icon tree_status_blank"></div><div
class="tree_icon tree_node"></div><span
class="tree_item_name">Very long node name</span>
</div>
</div>
<div class="tree_level tree_collapse">
- <div class="tree_item tree_select">
- <img src="images/plus.gif" width="16" height="16"
alt="" border="0" class="tree_icon"><img
src="images/icon.gif" width="16" height="16"
class="tree_icon"><span class="tree_item_name">Node
name</span>
+ <div class="tree_item" onmouseover="this.className='tree_item
tree_selected'" onmouseout="this.className='tree_item'">
+ <div class="tree_icon tree_status_plus"></div><div
class="tree_icon tree_node"></div><span
class="tree_item_name">Node name</span>
</div>
<div class="tree_level">
- <div class="tree_item">
- <img src="images/spacer.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
+ <div class="tree_item" onmouseover="this.className='tree_item
tree_selected'" onmouseout="this.className='tree_item'">
+ <div class="tree_icon tree_status_blank"></div><div
class="tree_icon tree_node"></div><span
class="tree_item_name">Node name</span>
</div>
</div>
<div class="tree_level tree_level_last">
- <div class="tree_item">
- <img src="images/spacer.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
+ <div class="tree_item" onmouseover="this.className='tree_item
tree_selected'" onmouseout="this.className='tree_item'">
+ <div class="tree_icon tree_status_minus"></div><div
class="tree_icon tree_node"></div><span
class="tree_item_name">Node name</span>
</div>
<div class="tree_level tree_level_last">
- <div class="tree_item">
- <img src="images/plus.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
+ <div class="tree_item"
onmouseover="this.className='tree_item tree_selected'"
onmouseout="this.className='tree_item'">
+ <div class="tree_icon tree_status_minus"></div><div
class="tree_icon tree_node"></div><span
class="tree_item_name">Node name</span>
</div>
<div class="tree_level">
- <div class="tree_item">
- <img src="images/spacer.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
+ <div class="tree_item"
onmouseover="this.className='tree_item tree_selected'"
onmouseout="this.className='tree_item'">
+ <div class="tree_icon tree_status_blank"></div><div
class="tree_icon tree_node"></div><span
class="tree_item_name">Node name</span>
</div>
</div>
<div class="tree_level tree_level_last">
- <div class="tree_item">
- <img src="images/spacer.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
+ <div class="tree_item tree_selected">
+ <div class="tree_icon tree_status_blank"></div><div
class="tree_icon tree_node"></div><span
class="tree_item_name">Very long node name</span>
</div>
</div>
</div>
</div>
</div>
<div class="tree_level tree_level_last">
- <div class="tree_item">
- <img src="images/spacer.gif" width="16"
height="16" alt="" border="0"
class="tree_icon"><img src="images/icon.gif"
width="16" height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
+ <div class="tree_item" onmouseover="this.className='tree_item
tree_selected'" onmouseout="this.className='tree_item'">
+ <div class="tree_icon tree_status_blank"></div><div
class="tree_icon tree_child"></div><span
class="tree_item_name">File name</span>
</div>
</div>
</div>
<div class="tree_level tree_level_last">
- <div class="tree_item">
- <img src="images/spacer.gif" width="16" height="16"
alt="" border="0" class="tree_icon
tree_level_last"><img src="images/icon.gif" width="16"
height="16" class="tree_icon"><span
class="tree_item_name">Node name</span>
+ <div class="tree_item" onmouseover="this.className='tree_item
tree_selected'" onmouseout="this.className='tree_item'">
+ <div class="tree_icon tree_status_blank"></div><div
class="tree_icon tree_child"></div><span
class="tree_item_name">File name</span>
</div>
</div>
</div>
Show replies by date