Share |

Developers' Toolbox

These resources are provided for AANR region webmasters and others who wish to link to clubs on the AANR.com website.



Linking to Clubs Within a Region

This is done by using the code for your region in the url as shown below (remove target="_blank" if you do NOT want links to open in a new window):

Eastern Region:

URL: http://www.aanr.com/aanr-clubs/?region=eastern
HTML Code: <a href="http://www.aanr.com/aanr-clubs/?region=eastern" target="_blank">View Eastern Region Clubs</a>
Displays: View Eastern Region Clubs

Florida Region:

URL: http://www.aanr.com/aanr-clubs/?region=florida
HTML Code: <a href="http://www.aanr.com/aanr-clubs/?region=florida" target="_blank">View Florida Region Clubs</a>
Displays: View Florida Region Clubs

Midwest Region:

URL: http://www.aanr.com/aanr-clubs/?region=midwest
HTML Code: <a href="http://www.aanr.com/aanr-clubs/?region=midwest" target="_blank">View Midwest Region Clubs</a>
Displays: View Midwest Region Clubs

Southwestern Region:

URL: http://www.aanr.com/aanr-clubs/?region=southwestern
HTML Code: <a href="http://www.aanr.com/aanr-clubs/?region=southwestern" target="_blank">View Southwestern Region Clubs</a>
Displays: View Southwestern Region Clubs

Western Region:

URL: http://www.aanr.com/aanr-clubs/?region=western
HTML Code: <a href="http://www.aanr.com/aanr-clubs/?region=western" target="_blank">View Western Region Clubs</a>
Displays: View Western Region Clubs

Western Canadian Region:

URL: http://www.aanr.com/aanr-clubs/?region=western-candian
HTML Code: <a href="http://www.aanr.com/aanr-clubs/?region=western-canadian" target="_blank">View Western Canadian Region Clubs</a>
Displays: View Western Canadian Region Clubs



Linking to Clubs by State

This is done similarly to linking by region using the two-letter state abbreviation as shown below:

Example URL: http://www.aanr.com/aanr-clubs/?state=FL
HTML Code: <a href="http://www.aanr.com/aanr-clubs/?state=FL" target="_blank">View Forida Clubs</a>
Displays: View Forida Clubs



Creating a Club Locator by State Dropdown

Step 1: Form Tag

First make a form tag with the following code (remove target="_blank" if you do NOT want a new window to open when a user submits)

<form method="get" action="http://www.aanr.com/aanr-clubs" target="_blank">

Step 2: Select Tag

Your select tag uses the name "state" and should look like this:

<select name="state">

Step 3 (Optional): Default Option

If you would like the first dropdown to say "Select State" or something like that, make a tag like this; otherwise the default will be the first state in your options list:

<option value="">Select State</option>

Step 4: Options

For each state in your region create an option using the two-letter (uppercase) abbreviation for value as follows:

<option value="FL">Florida</option>

Step 5: Closing Select Tag

Close your "select" tag:

</select>

Step 6: Submit Button

You can change the text in value="Locate Club" to whatever you would like:

<input type="submit" value="Locate Club">

Step 7: Closing Form Tag

Finally, close your "form" tag:

</form>

Sample Form

To make a locator form to find clubs in the states of Alabama, Florida, and Georgia, your code should look like this:

<form method="get" action="http://www.aanr.com/aanr-clubs" target="_blank">
<select name="state">
<option value="">Select State</option>
<option value="AL">Alabama</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
</select>
<input type="submit" value="Locate Club">
</form>

Try it out:   

Download dropdown code with all states and Canadian Provinces




Creating a Zip Code Search Box

You can place a simple form on your website to allow visitors to search the AANR website for clubs within a certain distance from a zip code:

Step 1: Form Tag

First make a form tag with the following code (remove target="_blank" if you do NOT want a new window to open when a user submits)

<form method="get" action="http://www.aanr.com/aanr-clubs" target="_blank">

Step 2: Select tag for distance

Create a select dropdown named "distance" (you'll want some text in front of it similar to what is shown):

Locate a club within: <select name="distance">

Step 2: Distance Options

Next, create an options list with the distance you want to allow users to choose:

<option value="15">15</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="250">250</option>
<option value="500">500</option>

Step 3: Closing Select Tag

Close your "select" tag:

</select>

Step 4: Add Zip code text field

Again, you'll want some text to indicate what the user is entering:

miles of zip code <input type="text" name="zip" size="5" maxlength="5">

Step 6: Submit Button

You can change the text in value="Locate Club" to whatever you would like:

<input type="submit" value="Locate Club">

Step 7: Closing Form Tag

Close your "form" tag:

</form>

Sample Form

<form method="get" action="http://www.aanr.com/aanr-clubs" target="_blank">
Locate a club within:
<select name="distance">
<option value="15">15</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="250">250</option>
<option value="500">500</option>
</select>
miles of zip code <input type="text" name="zip" size="5" maxlength="5">
<input type="submit" value="Locate Club">
</form>

Try it out:

Locate a club within: miles of zip code



Using a Simple Text Search

The AANR clubs database can be searched using a simple text search form:

Step 1: Form Tag

First make a form tag with the following code (remove target="_blank" if you do NOT want a new window to open when a user submits)

<form method="get" action="http://www.aanr.com/aanr-clubs" target="_blank">

Step 2: Input Field

The name for your input field is "query":

<input type="text" name="query">

Step 3: Submit Button

You can change the text in value="Search for AANR Clubs" to whatever you would like:

<input type="submit" value="Search for AANR Clubs">

Step 4: Closing Form Tag

Close your "form" tag:

</form>

Sample Form

<form method="get" action="http://www.aanr.com/aanr-clubs" target="_blank">
<input type="text" name="query">
<input type="submit" value="Search for AANR Clubs">
</form>

Try it out: