gistfile1.txt

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.autocomplete.js" type="text/javascript"></script>
<script src="js/jquery-ui.js" type="text/javascript"></script>
<script src="js/json_sans_eval.js" type="text/javascript"></script>
<script src="js/jquery.spellcheck.js" type="text/javascript" charset="utf-8"></script>
<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
			jQuery(document).ready(function($) {
				$('#searchtext').spellcheck({ events: null });

                             
                                    $('#searchtext').keyup(function(e){
                                    var e=window.event || e
                                    var keyunicode=e.charCode || e.keyCode
                                    if(keyunicode==32) {
                                        
                                        $(this).checkspelling();

					return false;
                                    }
                                    else if(keyunicode==13) { $(this).checkspelling(); searchquery();}
});
 $('#searchtext').blur(function(e){

                                        $(this).checkspelling();
					return false;
                                
});
			});
</script>
<script type="text/javascript">
function showrhide(togle)
{
  if(togle==1) {

  }
}
function checkpop(id) { //alert(val);
$(document).ready(function(){
$.getJSON('json/response1.json',
{
 // tags: "cat",
 // tagmode: "any",
    format: "json"
},

function(data) {
  //$('.result').html(data);
  i=0; string = "";

 while(i<data.facets.Categories.terms.length){
string = data.facets.Categories.terms[i].term+"\n<>"+string;
  i++;}

var data = string.split("<>");
$(id).autocomplete(data,{ autoFocus: true });
});
    //alert(string);

  });}

function startsrch()
{
document.getElementById('vanishdiv').style.display = 'none';
document.getElementById('appr_vid').style.display = 'block';
document.getElementById('boxdivs').style.display = 'none';
searchquery();
}

function load_facets()
{ document.getElementById('top_list').innerHTML = "";
var myJson = '{\n\
  "query": {\n\
    "bool": {\n\
      "must": [\n\
        {\n\
          "text": {\n\
            "Content": "'+document.getElementById('searchtext').value+'"\n\
          }\n\
        }\n\
      ]\n\
    }\n\
  },\n\
  "facets": {\n\
    "Categories": {\n\
      "terms": {\n\
        "field": "Categories.Facets.category",\n\
        "size": 10\n\
      }\n\
    }\n\
  }\n\
}';
var jsona = jsonParse(myJson);

$.ajax({
            url: url_serv,
            type: 'POST',
            dataType: 'json',
            data: myJson,

            success: function(data) {
i=0; 
while(i<data.facets.Categories.terms.length){
document.getElementById('top_list').innerHTML += '<div class="bullets"><div class="searchtab" id="searchtab'+i+'"><div class="searchtab_trans"><div onclick="srchtabtgle('+i+')" class="srchtabimg"></div></div><div class="searchtab_rest">\n\
<input type=text class="fact_srch" ><div class="fact_srch_rsl" id="fact_srch_rsl'+i+'"></div>\n\
</div></div><img src="images/2.png"><span id="termval'+i+'">'+data.facets.Categories.terms[i].term+'</span> ('+data.facets.Categories.terms[i].count+')<div onclick="srchtabtgle('+i+','+data.facets.Categories.terms.length+')" class="srchtabimg"></div></div>';

i++;}
}
  });
}
function srchtabtgle(i,all)
{
    for(j=0;j<all;j++)
        $("#searchtab"+j).slideUp(200);
//    document.getElementById('searchtab'+i).style.display="block";
    $("#searchtab"+i).slideToggle(200);
    fctname = document.getElementById('termval'+i+'').innerHTML;
    
    fillfacets(i,''+fctname+'');

}

function fillfacets(j,fctname)
{ //alert(j);

var myJson = '{\n\
  "query": {\n\
    "bool": {\n\
      "must": [\n\
        {\n\
          "text": {\n\
            "Content": "'+document.getElementById('searchtext').value+'"\n\
          }\n\
        },\n\
        {\n\
          "text": {\n\
            "Content": "'+document.getElementById('searchtext').value+'"\n\
          }\n\
        }\n\
      ]\n\
    }\n\
  },\n\
  "facets": {\n\
 "'+fctname+'": {\n\
      "terms": {\n\
        "field": "Categories.Facets.'+fctname+'.entity",\n\
        "size": 100\n\
      }\n\
    }\n\
  }\n\
}';
var jsona = jsonParse(myJson);
$.ajax({
            url: url_serv,
            type: 'POST',
            dataType: 'json',
            data:myJson,

            success:
function(data) {
  //$('.result').html(data);
  i=0; 
document.getElementById('fact_srch_rsl'+j).innerHTML = "";
 while(i<data['facets'][fctname]['terms'].length){
document.getElementById('fact_srch_rsl'+j).innerHTML += "<li>"+data['facets'][fctname]['terms'][i]['term']+"</li>";
  i++;}
}
});
}
function searchquery()
{
var myJson = '{\n\
  "query": {\n\
    "bool": {\n\
      "must": [\n\
        {\n\
          "text": {\n\
            "Content": "'+document.getElementById('searchtext').value+'"\n\
          }\n\
        }\n\
      ]\n\
    }\n\
  },\n\
  "facets": {\n\
    "Categories": {\n\
      "terms": {\n\
        "field": "Categories.Facets.category",\n\
        "size": 10\n\
      }\n\
    }\n\
  }\n\
}';
var jsona = jsonParse(myJson);
//alert(jsona);
//alert(myJson);

$.ajax({
            url: url_serv,
            type: 'POST',
            dataType: 'json',
            data: myJson,

            success: function(data) {
i=0;
document.getElementById('rightdiv').innerHTML = '';

document.getElementById('rightdiv').innerHTML += '<div class="pagination">\n\
<div class="buttons">\n\
'+data.hits.hits.length+' Results found&nbsp; 1 / 1        <a   class="option" >></a>\n\
<a  class="pagdisabled"><</a>\n\
</div></div>';
while(i<data.hits.hits.length){
document.getElementById('rightdiv').innerHTML += '<div class="srchlist">\n\
        <h1 class="srchtitle">'+data.hits.hits[i]._source.Title+'</h1>\n\
        \n\
<div class="srchcntent">\n\
        '+data.hits.hits[i]._source.Content.substr(0, 300)+'<span class="srchdate"><br>'+data.hits.hits[i]._source.fetchTimeStamp+' | <a target="blank" href="'+data.hits.hits[i]._source.ParentUrl+'">'+data.hits.hits[i]._source.ParentUrl.substr(0,50)+'</a></span>\n\
        </div>\n\
        </div>';
i++;
}}
});
load_facets();
}
</script>

<body  <?php if($_GET) {?> onload="startsrch();load_facets();" <?php }?>>
   
<div class="maindiv">
<div class="header">
</div>
<div id="vanishdiv">
</div>
<div class="searchbar">
<div class="searcharea">

<input type="text" name="searchtext" class="searchtext" id="searchtext" onblur="if(this.value=='') this.style.background='url(images/typehere.gif) no-repeat'" onfocus="if(this.value=='') this.style.background='none'" onkeypress="if(this.value=='') startsrch()" onkeyup="startsrch()" >
<input type="button" value="Search" class="subbtn" onclick="searchquery()">

 <?php
 if($_POST['searchtext']||$_GET['page'])
 {
//Ajax request starts here when a search query is sent
  $ch = curl_init();
  $searchstring  = $_GET['msearch'].$_GET['msearchtextbox'].$_GET['msearch-hidden'];
  curl_setopt($ch, CURLOPT_URL, 'http://localhost/algotree-UI/algoTreeSearch/jsonarray.php?page='.$_GET['page']);
  curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);

  $data = array(
    'method' => '"method.somemethod"',
  );

  $result23 = curl_exec($ch);
  $main = json_decode($result23, true);

//Ajax request response is stored to an array "main"
 }
 ?>
</div></div>
<div id="appr_vid">
<div class="listbar" align="center">
<div class="list_spcls">
<div class="listbar_sort">
Order By :  <a>Date | Relevance | Ascending | Descending</a>
</div>
<div class="listbar_right">

</div>
</div>
    <div class="list_all" id="top_list">

    </div>
</div>
<div class="middlepart">
<!-- Leftside Division-->
    <div class="leftdiv">
      <h1 class="srchtitle">Category List</h1>
   
   <input type="text" name="date" value="Date" id="datecal">    
        
     <h1 class="srchtitle">Top Authors</h1>
  
    <h2 class="lefth2">J P sinf  (3445)</h2>
    <h2 class="lefth2">Opssd K</h2>
         
    </div>

<!-- Leftside Division END-->

<!-- Rightside Division -->
    <div class="rightdiv" id="rightdiv">
   
<!-- Rightside Division END-->
</div>
</div></div>
<div id="boxdivs"></div>
<div class="footer">
&copy; 2011  <a >Algotree</a>
</div>
</div>
</body>