dl-iframe-example
Differences
This shows you the differences between two versions of the page.
|
dl-iframe-example [2009/05/08 19:43] jay created |
dl-iframe-example [2009/05/11 21:17] (current) jay |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== Dealer Locator Iframe Example ====== | ====== Dealer Locator Iframe Example ====== | ||
| - | First you probably need a form on a page on your public to allow your visitors to choose some search parameters. allowable search parameters are described on he main [[dealer_locator]] page. Specify //target=dealerLocatorFrame"// in the form tag, and fill in the URL of your channelsuite install in the "action" parameter of the form tag. | + | First you'll need a form on a page on your public to allow your visitors to choose some search parameters. Allowable search parameters are described on the main [[dealer_locator]] page. Specify //target=dealerLocatorFrame"// in the form tag, and fill in the URL of your channelsuite install in the "action" parameter of the form tag. The form will be posted to the channelsuite server and the results will be displayed in the iframe called dealerLocatorFrame on your html page. |
| In the following example we allow a choice of search by zip code (parameters //zip// and //distance//) or US state (parameter //state//) | In the following example we allow a choice of search by zip code (parameters //zip// and //distance//) or US state (parameter //state//) | ||
| <code html> | <code html> | ||
| - | <form method=POST target="dealerLocatorFrame" action="http://<your channelsuite URL>/DealerLocator/"> | + | <form method=POST target="dealerLocatorFrame" |
| + | action="http://<your channelsuite URL>/API/DealerLocator/"> | ||
| <h2>In the US?</h2> | <h2>In the US?</h2> | ||
| Please enter your 5-digit zip code: | Please enter your 5-digit zip code: | ||
| Line 28: | Line 29: | ||
| - or -<br/><br/> | - or -<br/><br/> | ||
| Select a state: | Select a state: | ||
| - | <select id="country" name="state"> | + | <select id="state" name="state"> |
| <option value=''>Select...</option> | <option value=''>Select...</option> | ||
| Line 95: | Line 96: | ||
| <br/><br/> | <br/><br/> | ||
| <div align=center><input value="Find Dealers" type="submit"></div> | <div align=center><input value="Find Dealers" type="submit"></div> | ||
| - | </form> | + | </form> |
| </code> | </code> | ||
| - | Then put an empty iframe somewhere on your page to hold the results. it should be at least 700 px wide | + | Then put an empty iframe with name="dealerLocatorFrame" somewhere on your page to hold the results. it should be at least 700 px wide. |
| <code html> | <code html> | ||
| <center> | <center> | ||
| - | <iframe name="dealerLocatorFrame" style="width: 95%; border: none;" src="" id="dealerLocatorFrame"></iframe> | + | <iframe name="dealerLocatorFrame" style="width: 95%; border: none;" |
| + | src="" id="dealerLocatorFrame"></iframe> | ||
| </center> | </center> | ||
| </code> | </code> | ||
dl-iframe-example.1241811789.txt.gz · Last modified: 2009/05/08 19:43 by jay