StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCustom Google Search
primarykey
Id
13284301
data
AcceptedAnswerId
13285031
AnswerCount
1
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2012-11-08T07:18:05.913
FavoriteCount
0
LastActivityDate
2012-11-08T10:59:51.210
LastEditDate
2012-11-08T10:59:51.210
LastEditorUserId
1070915
OwnerUserId
1070915
ParentId
0
PostTypeId
1
Score
0
ViewCount
609
LastEditorDisplayName
text
Body
<p>I want build a custom Google search.</p> <p>I tried <a href="http://www.google.com/cse/tools/create_onthefly" rel="nofollow">this one</a></p> <p><strong>My Code</strong></p> <pre><code><div> <form id="cse-search-box" action="http://google.com/cse" target='if2'> <input type="hidden" name="cx" value="009827885688477640989:igzwimalyta" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" name="q" size="31" /> <input type="button" name="sa" value="Search" onclick="doit()" /> </form> </div> <div> <iframe name="if2" id="if2" width="100%" height="600px" marginheight="0" frameborder="0"> </iframe> </div> </code></pre> <p>its working. Then I try to remove the height scroll bar when more data is coming from Google. but it is saying error like <strong>Unsafe JavaScript attempt to access frame with URL google.com/… from frame with URL 192.168.9.185/KLMS/CustomGoogleSearch.aspx. Domains, protocols and ports must match</strong></p> <p>so is there any method to fetch the data from Google without using Iframe (like ajax call) [EDIT]</p> <p>I tried</p> <pre><code><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" type="text/css" href="CSS/Search.css" /> <script type="text/javascript" src="JS/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="JS/CustomSearch.js"></script> </head> <body> <div> <form id="cse-search-box" action="http://google.com/cse" target='if2'> <input type="hidden" name="cx" value="009827885688477640989:igzwimalyta" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" name="q" size="31" /> <input type="button" name="sa" value="Search" onclick="doit()" /> </form> </div> <div> <form id="frmSearch" runat="server" autocomplete="off"> <div id="mainSearchContainer">  <div class="searchResult">  <div class="itemResult"> <fieldset> <legend>Items</legend> <div class="resultContainer"> </div> </fieldset> </div>  <div class="peopleResult"> <fieldset> <legend>People</legend> <div class="resultContainer"> </div> </fieldset> </div> </div> </div> </form> </div> <div> <iframe name="if2" id="if2" width="100%" height="600px" marginheight="0" frameborder="0"></iframe> </div> <script type="text/javascript"> // get AJAX http request var xmlhttp = getXMLHttpRequest(); function getXMLHttpRequest() { var xhr; if (window.XMLHttpRequest) { //code for IE7+, Firefox, Chrome, Opera, Safari xhr = new XMLHttpRequest(); } else { //code for IE6, IE5 xhr = ActiveXObject("Microsoft.XMLHTTP"); } return xhr; } window.doit = function () { xmlhttp.onreadystatechange = function () { document.forms["cse-search-box"].submit(); if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { //This is used when AJAX returns //xmlhttp.responseText contains all markup sent back from google //Determine size of iframe $("#if2").attr('width', '100%'); $("#if2").attr('height', textHeight(xmlhttp.responseText) + "px"); //Used to set the contents of the iframe //May have to be adapted to get the response to a specific place in the iframe tag hierarchy $("#if2").attr('src', "data:text/html;charset=UTF-8," + escape(xmlhttp.responseText)); } }; xmlhttp.open("POST", "http://google.com/cse", true); xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.send("cx=009827885688477640989:igzwimalyta&ie=UTF-8&q=31"); }; //Measures the size of the returned text function textHeight(text) { $("body").append('<span id="tempSpan" style="display:block;">' + text + '</span>'); var height = $("#tempSpan").height(); $("#tempSpan").remove(); return height; }; </script> </body> </html> </code></pre> <p>[/edit]</p> <p>Please help.</p> <p>thanks in advance</p>
Tags
<jquery><iframe><google-cse>
Title
Custom Google Search
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USbhagirathi
UserOwnerUserId
1. USbhagirathi
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COyou can go here: http://www.google.com/cse/tools/create_onthefly and from very right bottom go for the customization.
  singulars
  PostPostId
  POCustom Google Search
  UserUserId
  USJai

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.