added 'close tab' function

git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@4560 6c8d7289-2bf4-0310-a012-ef5d649a1542

htroot/yacy/ui/css/base.css

@@ -126,9 +126,9 @@ table.ytable thead tr .headerSortDown, table.ytable thead tr .headerSortUp {
 /* 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 @@ h3.linktitle {
 	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 @@ h3.linktitle {
   	text-decoration:none;
 }
 .searchresults .url {
-	font-size: 0.7em;
+	font-size: 0.9em;
   	line-height: 1.2em;
   	margin-bottom:0.6em;
   	margin-left:22px;

htroot/yacy/ui/css/ui.tabs.css

@@ -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;
+}
+
+

htroot/yacy/ui/index.html

@@ -21,7 +21,14 @@
   <script src="js/ui.tabs.min.js" type="text/javascript"></script>
   <script type="text/javascript">
 	$(function() {				
-		var $tabs = $('#container > ul').tabs();		
+		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');			
@@ -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=".*" />