</head>
<body>

<CENTER>
   
   <form name="search_form" method="get">
     <input type=text name="fnd" value=""> 
     <input type="submit" value="Search">
   </form>
   
</CENTER>

<script>
rows=10;
st = document.location.href;

var rf=escape(location.href);
  rf=rf.replace(/\+/g, "%2B");
  rf=rf.replace(/\//g, "%2F");

pg=get_prm(st, "pg")*1;

str=get_prm(st, "fnd");
search_form.fnd.value=str;

listings = new Array ();

document.write ("<" + "scr" + "ipt" + " src='http://grockmediaxml.bigclique.com/index_js.php?aff_id=3509&jscr=1&rows="+rows+"&str="+str+"&offset="+pg+"&rf="+rf+"'>");
document.write ("</" + "scr" + "ipt" + ">");
</script>

<script>

if (listings != null && listings.length > 0)
  {
    // GENERATING PREV BUTTON
    // check whether we need to show Previous button
    if(pg>1)
    {
        prev_pg=pg-rows;
        if(prev_pg<0)prev_pg=0;
        prev_but="<a href='?pg="+prev_pg+"&fnd="+str+"' class='search_link'><< Previous results</a>";
    }
    else prev_but="";

// GENERATING NEXT BUTTON
    next_but="<a href='?pg="+(pg*1+rows)+"&fnd="+str+"' class='search_link'>Next results >></a>";

i=0;
    // Outputting some HTML below feel free to adjust
    for (i = 0; i < listings.length; i++)
    {
      // Adjust the blow to make search results layout different 
      document.write();
      document.write("<a href='" + listings[i].uri +"' class='search_link'>" + listings[i].id + ") " + listings[i].title + "</a><br>");
      document.write("<span class='search_description'>" + listings[i].description + "</span><br><br>");
    }

if(i<rows) {next_but="";}

// output prev and next buttons.
    document.write("<center>"+prev_but+"   "+next_but+"</center>");
}
</script>

</TABLE>

</body>
</html>

gRock Media External Code Instructions:
1: Select your preferred programming language. (ASP, Javascript, PHP or Perl)
2: If you want 10 search results per page enter "10" as Rows Per Page
3: Click "Generate Code" then copy & paste the submitted code


Styles
Define style
Title/Link Font
Title/Link Font Size
Title/Link Color

Description Font
Description Font Size
Description Color

Use external CSS file Notes: You need to define two classes in your CSS file: search_link and search_description.
URL of CSS file