IDX QuickSearch
See the VisualIDX QuickSearch page for the features and information on this product.
JavaScript Quick Start for VisualIDX Quick Search
In the ‘head’ section of your page…
1 2 3 4 5 6 7 | <script type="text/javascript" src="http://cdn.visualidx.com/js/quicksearch.js"></script> <script type="text/javascript"> var myQuickSearchOptions = { targetURL : '/propertyDetails/' }; var myQuickSearch = new wsm.visualidx.quicksearch('myQuickSearch',myQuickSearchOptions); </script> |
Then wherever you want the Visual IDX Quick Search to appear on your page
1 | <div id="myQuickSearch"></div> |
Examples
Search MLS # and Addresses from entire MLS
1 2 3 4 5 6 7 | <script> var myQuicksearchOptions = { targetURL : '/mlsDetails.php', fields : 'MLS,Address' }; var qs1 = new wsm.visualidx.featuredListing('myQuickSearch',myQuicksearchOptions); </script> |
…and then this in the body of your page where you want the QuickSearch to display.
Search only listings from a single Broker.
1 2 3 4 5 6 7 | <script> var myQuicksearchOptions = { targetURL : '/mlsDetails.php', agentID : '1234' }; var qs1 = new wsm.visualidx.featuredListing('myQuickSearch',myQuicksearchOptions); </script> |
…and then this in the BODY of your page.
Search only listings in the Eagle Ridge subdivision.
Place this in the HEAD of your page.
1 2 3 4 5 6 7 | <script> var myQuicksearchOptions = { targetURL : '/mlsDetails.php', subdivision : 'Eagle Ridge' }; var qs1 = new wsm.visualidx.featuredListing('myQuickSearch',myQuicksearchOptions); </script> |
Possible options are…
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | options = { agentID : '', // Set this if you want to limit the search to properties of just one (or a few) agent(s). Use commas to separate agent IDs. css : 'http://cdn.visualidx.com/css/quicksearch.css', // default stylesheet. Can be user-defined instead. fields : 'MLS,Address', // Can be any combination of MLS, Address or Remarks. Defaults to MLS & Address fieldsLabel : 'MLS or Address', // What to display in the QuickSearch form input. html : 'http://cdn.visualidx.com/html/quicksearch.html', // Default html to be used. Can be user-defined instead. Warning, id's are very important if user-defined. limit : '20', // Number of results to return officeID : '', // Set this if you want to limit the search to properties of just one (or a few) office(s). Use commas to separate office IDs. position : 'right', // CSS float position - right or left propertyclass : '', // Search can be limited to certain property types. Default is All (blank), or can be any combination of Residential, Multifamily, Commercial, FarmRanch or Land pmin : '', // minimum price of search results. Defaults to 0 pmax : '', // maximum price of search results. Defaults to limitless subdivision : '', // Can be limited to a single subdivision targetURL : '/your_details_page.html', // when a user selects a result, they'll be redirected to this page, with a QueryString of ?mls=123456. REQUIRED width : '100%' // Percent of parent element to expand quicksearch to }; |