icon switch

Author: Yuri Buyanov

scripts/search.js

@@ -6,10 +6,18 @@
 
 google.load('visualization', '1', {'packages':['corechart']});
 var type="search";
-var typeStrings = {
-    "search" : "twitter search query",
-    "user" : "user's tweets"
-}
+var types = {
+    "search" : {
+        "title" : "twitter search query",
+        "icon" : "url(images/search.png) no-repeat 5px 5px"
+    },
+    "user" : {
+        "title" : "user's tweets",
+        "icon" : "url(images/@.png) no-repeat 5px 5px"
+    }
+};
+
+
 
 //extract source
 var resMap = function(item) {
@@ -52,7 +60,8 @@ var swapType = function() {
         type = "search";
     }
 
-    $('#type').text(typeStrings[type]);
+    $('#type').text(types[type].title);
+    $('#term').css("background", types[type].icon);
 };
 
 var doSearch = function(searchTerm) {

styles/style.css

@@ -48,6 +48,7 @@
         #controls div {
             margin-top: 1em;
             width: auto;
+            line-height: 28px;
         }
 
 
@@ -67,6 +68,11 @@
 
         #controls #term {
             width: 400px;
+            border: 1px solid black;
+            height: 28px;
+            background: url(../images/search.png) no-repeat 5px 5px;
+            padding-left: 25px;
+
         }