Author: apfelmaennchen
Date: 2008-03-14 16:59:56 +0100 (Fri, 14 Mar 2008)
New Revision: 4560

Added:
   trunk/htroot/yacy/ui/img/cancel.png
Modified:
   trunk/htroot/yacy/ui/css/base.css
   trunk/htroot/yacy/ui/css/ui.tabs.css
   trunk/htroot/yacy/ui/index.html
Log:
added 'close tab' function

Modified: trunk/htroot/yacy/ui/css/base.css
===================================================================
--- trunk/htroot/yacy/ui/css/base.css   2008-03-14 12:35:53 UTC (rev 4559)
+++ trunk/htroot/yacy/ui/css/base.css   2008-03-14 15:59:56 UTC (rev 4560)
@@ -126,9 +126,9 @@
 /* YaCy Search ---------------------------*/
 
 div.searchresults {
-       width:70%;
+       width:100%;
        margin-top: 1.5em;
-       margin-left: 25px;      
+       margin-left: 5px;       
 }
 div.searchresults.hidden {
   display:none;
@@ -137,12 +137,12 @@
        margin:2px;
        padding-left: 20px;
        margin-bottom: -0.5em;
-        font-size: 0.8em;
+        font-size: 1.0em;
         line-height: 1.2em;
 }
 .snippet {
        font-style:italic;
-       font-size: 0.7em;
+       font-size: 0.9em;
        color: #808080;
        line-height: 1.2em;
        margin-bottom:-1em;
@@ -156,7 +156,7 @@
        text-decoration:none;
 }
 .searchresults .url {
-       font-size: 0.7em;
+       font-size: 0.9em;
        line-height: 1.2em;
        margin-bottom:0.6em;
        margin-left:22px;

Modified: trunk/htroot/yacy/ui/css/ui.tabs.css
===================================================================
--- trunk/htroot/yacy/ui/css/ui.tabs.css        2008-03-14 12:35:53 UTC (rev 
4559)
+++ trunk/htroot/yacy/ui/css/ui.tabs.css        2008-03-14 15:59:56 UTC (rev 
4560)
@@ -31,6 +31,7 @@
     float: left;
     margin: 0 0 0 1px;
     min-width: 84px; /* be nice to Opera */
+    position: relative; /* close button */
 }
 .ui-tabs-nav a, .ui-tabs-nav a span {
     display: block;
@@ -69,6 +70,8 @@
 }
 .ui-tabs-nav .ui-tabs-selected a span {
     padding-bottom: 1px;
+    padding-right: 15px; /* close button */
+    
 }
 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, 
.ui-tabs-nav a:active {
     background-position: 100% -150px;
@@ -111,3 +114,20 @@
     display: inline-block;
 }
 
+/* close button */
+.close {
+        display: none;
+        position: absolute;
+        top: 8px;
+        right: 7px;
+        z-index: 2000;
+        width: 12px;
+        height: 12px;
+       border: 0;
+
+}
+.ui-tabs-selected .close {
+        display: block;
+}
+
+

Added: trunk/htroot/yacy/ui/img/cancel.png
===================================================================
(Binary files differ)


Property changes on: trunk/htroot/yacy/ui/img/cancel.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Modified: trunk/htroot/yacy/ui/index.html
===================================================================
--- trunk/htroot/yacy/ui/index.html     2008-03-14 12:35:53 UTC (rev 4559)
+++ trunk/htroot/yacy/ui/index.html     2008-03-14 15:59:56 UTC (rev 4560)
@@ -20,15 +20,22 @@
   <script src="js/jquery.field.min.js" type="text/javascript"></script>
   <script src="js/ui.tabs.min.js" type="text/javascript"></script>
   <script type="text/javascript">
-       $(function() {          
-               var $tabs = $('#container > ul').tabs();                
+       $(function() {                          
+               var $tabs = $('#container ul').tabs()
+               .bind('add.ui-tabs', function(e, ui) {
+               var li = $(ui.tab).parents('li:eq(0)')[0];
+                $('<img class="close" src="/yacy/ui/img/cancel.png" 
border="0"/>').appendTo(li)
+                       .bind('click', function() {                     
+                        $tabs.tabs('remove', $('li', $tabs).index(li));
+                       });
+             });
                insert_sidebar();
                $('#searchbox').submit(function() {
                        var tabnr = $('#container > ul').tabs('length');        
                
                        var result = "result.html?" + 
$('#searchbox').formSerialize();
                        var tabname = $("[EMAIL 
PROTECTED]'search']").getValue();               
                        $('<div id='+tabname+'</div>').appendTo('#container');
-                       $tabs.tabs('add', result, '*'+tabname);
+                       $tabs.tabs('add', result, '*' + tabname);
                        $tabs.tabs('select',tabnr);
                        return false;
                });
@@ -70,7 +77,7 @@
                                                                                
<label for="appl">Applications</label>
                                                                </div>
                                                                <input 
type="hidden" name="former" value="" />
-                                                               <input 
type="hidden" name="count" value="150" />
+                                                               <input 
type="hidden" name="count" value="3" />
                                                                <input 
type="hidden" name="offset" value="0" />
                                                                <input 
type="hidden" name="resource" value="global" />
                                                                <input 
type="hidden" name="urlmaskfilter" value=".*" />

_______________________________________________
YaCy-svn mailing list
YaCy-svn@lists.berlios.de
https://lists.berlios.de/mailman/listinfo/yacy-svn

Antwort per Email an