Search_Example.html

<!DOCTYPE html>
<head>
    <script src="widget/contact_search.js"></script>
    <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>-->
    <script src="jquery.xdomainrequest.min.js"></script>
    <link rel="stylesheet" href="widget/contact_search.css">
</head>


<body>
<div id="mycontactdiv"></div>
</div>

<script type="text/javascript">
    var params = {
      el : $('#mycontactdiv'),   //div in which to place the contact search widget
//      url : 'http://staging.api.m.ox.ac.uk/contact/search?', //optionally override the url used for search
//        url : 'http://localhost:5000/contact/search?',
          pageSize : 5,              // defaults to 10
      prefill : {               //provide this object to perform a search immediately
          lastname : "Smith",
          initial : "J",
          match : "approximate",    // defaults to 'exact'
          medium : "email",         // 'phone' or 'email'
      },
      autofocus: true,          //if true, select the surname input field as soon as the widget is created
    };
    contact_search.create_form(params);
</script>


</body>