Dojo Google Web Search
In this section, you will learn how to implement the google web search. That means user enter your text that have to be searched. This program search all content related to its. If you click on the filtered data then you get the specific data.
Try Online: Google Web Search
Here is the code of program:
<html>
<head>
<title>Google Web Search Search Example</title>
<style type="text/css">
@import "../dijit/themes/soria/soria.css";
@import "/resources/dojo.css";
</style>
<script type="text/javascript" src="dojo.js" djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dojox.data.GoogleSearchStore");
dojo.require("dijit.form.Button");
function doSearch() {
var queryString = dojo.byId("searchText").value;
var store = new dojox.data.GoogleWebSearchStore();
var list = dojo.byId("searchOutput");
//Clean up previous searches text
while(list.firstChild){
list.removeChild(list.firstChild);
}
store.fetch({query:{text: queryString},count: 25,onComplete: function(items, request) {
//Print out the search results as an unordered list
var delay = 0;
dojo.forEach(items, function(item){
var li = document.createElement("li");
li.innerHTML = "<a href=\"" + store.getValue(item, "url") + "\">" +
store.getValue(item, "title") + "</a>";
dojo.style(li, "opacity", "0");
list.appendChild(li);
//Fade in the results.
delay += 500;
dojo.fadeIn({node:li}).play(delay);
});
}
});
}
</script>
</head>
<body class="soria">
<table border="1" cellpadding="0" cellspacing="0" width="600" align="center">
<tr>
<td valign="top" align="CENTER">
<b>Enter your search text:</b>
<input type="text" size="20" value="" id="searchText"/>
<div dojoType="dijit.form.Button" onclick="doSearch();">
<b>Search</b>
</div>
</td>
</tr>
<tr>
<td valign="top">
<ul id="searchOutput" class="link-list"></ul>
</td>
</tr>
</tr>
</table>
</body>
</html>
Output:
When you run this program:
After entering your text. This program searches the related text from google:
-
Try Online: 