This shows you the differences between two versions of the page.
dl-ajax-example [2009/05/22 15:20] jay |
dl-ajax-example [2009/06/06 18:08] (current) jay |
||
---|---|---|---|
Line 8: | Line 8: | ||
===== Steps ===== | ===== Steps ===== | ||
- | 1. Contact ChannelSUITE tech support and request the DealerLocator zip file (ChannelSUITE customers only, please!) that contains the necessary .js and .css files. Unlike the iframe approach where the html styles are supplied by the channelsuite server, the html returned by the ajax approach uses styles specified on your site, giving you a lot more control over the appearance of your dealer locator results. | + | 1. Set up a DealerLocator.css file. Here's a [[DealerLocator.css | good place to start]]. Unlike the iframe approach where the html styles are supplied by the channelsuite server, the html returned by the ajax approach uses styles specified on your site, giving you a lot more control over the appearance of your dealer locator results. |
- | 2. Include the prototype.js, submitJSONP.js and CSS files in your html <head> section. | + | 2. Include the necessary javascript and CSS files in your html <head> section. You'll need to know the base URL of your channelsuite install, probably something like //yourcompany.channelsuite.com// |
<code html> | <code html> | ||
<link href="DealerLocator.css" rel="stylesheet" type="text/css"> | <link href="DealerLocator.css" rel="stylesheet" type="text/css"> | ||
- | <script type="text/javascript" src="http://include.channelsuite.com/thirdparty/prototype/prototype.js"></script> | + | <script type="text/javascript" src="http://yourChannelsuiteURL/API/js/prototype.js"></script> |
- | <script type="text/javascript" src="submitJSONP.js"></script> | + | <script type="text/javascript" src="http://yourChannelsuiteURL/API/js/submitJSONP.js"></script> |
</code> | </code> |