Penny Eversole
<script type="text/javascript">
function showLocations(which) {
var selected = document.forms["mapForm"][which];
var selIndex = document.forms["mapForm"][which].selectedIndex;
if (selIndex != 0) {
var location = selected.options[selIndex].text;
var newLocation = location.replace( new RegExp( " ", "g" ), "-" );
new Ajax.Request('/pages/'+newLocation+'.html',
{
method:'get',
onSuccess: function(transport){
process_content(transport.responseText.toString());
},
onFailure: function(){ window.location = newLocation }
});
}
if (which == 'us') {
document.forms["mapForm"]["elsewhere"].selectedIndex = 0;
} else {
document.forms["mapForm"]["us"].selectedIndex = 0;
}
}
function showLocationMap(location) {
var newLocation = location.replace( new RegExp( "_", "g" ), "-" );
new Ajax.Request('/pages/'+newLocation+'.html',
{
method:'get',
onSuccess: function(transport){
process_content(transport.responseText.toString());
},
onFailure: function(){ window.location = newLocation }
});
document.forms["mapForm"]["us"].selectedIndex = 0;
document.forms["mapForm"]["elsewhere"].selectedIndex = 0;
}
function parse_xml_string(text){
var dtd = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">';
var _text = text.gsub(dtd, '');
_text = _text.gsub('©', '©');
_text = _text.gsub('™', 'â„¢');
_text = _text.gsub(' ', ' ');
var xml_doc = Try.these(
function(){
var xml_dom = new ActiveXObject("Microsoft.XMLDOM");
xml_dom.async = 'false';
xml_dom.loadXML(_text);
return xml_dom;
},
function(){
var parser = new DOMParser();
return parser.parseFromString(_text,"text/xml");
}
) || false;
return xml_doc;
}
function serialize_xml(xml_node){
return Try.these(
function(){
var serializer = new XMLSerializer();
return serializer.serializeToString(xml_node);
},
function(){
return xml_node.xml;
}
) || false;
}
function get_content_div(xml_doc){
var divs = $A(xml_doc.getElementsByTagName('table'));
return divs.find(function(div){
return (div.getAttribute('class') == 'state');
});
}
function process_content(text){
var xml_object = parse_xml_string(text);
if(!xml_object){
return alert('Error: unable to create XML.');
}
var content = get_content_div(xml_object);
content = serialize_xml(content);
$('locations').update(content);
}
</script>
<div id="mapLeft">
<p>To view store locations, pick a state from the map on the right or use the dropdowns below.</p>
<form id="mapForm" action="">
<label for="us">In the United States</label>
<select id="us" name="us" onchange="showLocations(this.name)">
<option default="true">Select...</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">Dist of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
<label for="elsewhere">Elsewhere</label>
<select id="elsewhere" name="elsewhere" onchange="showLocations(this.name)">
<option default="true">Select...</option>
<option value="australia">Australia</option>
<option value="canada">Canada</option>
<option value="england">England</option>
<option value="germany">Germany</option>
</select>
</form>
<h2>Online</h2>
<ul>
<li><a href="http://www.jackcards.com/card?refine=pinkerton+" target="_blank">Jack Cards</a></li>
<li><a href="http://www.foldmodernpaperie.com/" target="_blank">Fold Modern Paperie</a></li>
</ul>
</div>
<div id="mapRight"> </div>
<div class="hr">
<hr />
</div>
<div id="locations"> </div>
2008-04-28T15:18:39-07:00
where-to-buy
278992
2008-04-28T15:18:39-07:00
112832
Where To Buy
2010-01-15T15:00:37-08:00
<notextile>
<script type="text/javascript">
function showLocations(which) {
var selected = document.forms["mapForm"][which];
var selIndex = document.forms["mapForm"][which].selectedIndex;
if (selIndex != 0) {
var location = selected.options[selIndex].text;
var newLocation = location.replace( new RegExp( " ", "g" ), "-" );
new Ajax.Request('/pages/'+newLocation+'.html',
{
method:'get',
onSuccess: function(transport){
process_content(transport.responseText.toString());
},
onFailure: function(){ window.location = newLocation }
});
}
if (which == 'us') {
document.forms["mapForm"]["elsewhere"].selectedIndex = 0;
} else {
document.forms["mapForm"]["us"].selectedIndex = 0;
}
}
function showLocationMap(location) {
var newLocation = location.replace( new RegExp( "_", "g" ), "-" );
new Ajax.Request('/pages/'+newLocation+'.html',
{
method:'get',
onSuccess: function(transport){
process_content(transport.responseText.toString());
},
onFailure: function(){ window.location = newLocation }
});
document.forms["mapForm"]["us"].selectedIndex = 0;
document.forms["mapForm"]["elsewhere"].selectedIndex = 0;
}
function parse_xml_string(text){
var dtd = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">';
var _text = text.gsub(dtd, '');
_text = _text.gsub('©', '©');
_text = _text.gsub('™', 'â„¢');
_text = _text.gsub(' ', ' ');
var xml_doc = Try.these(
function(){
var xml_dom = new ActiveXObject("Microsoft.XMLDOM");
xml_dom.async = 'false';
xml_dom.loadXML(_text);
return xml_dom;
},
function(){
var parser = new DOMParser();
return parser.parseFromString(_text,"text/xml");
}
) || false;
return xml_doc;
}
function serialize_xml(xml_node){
return Try.these(
function(){
var serializer = new XMLSerializer();
return serializer.serializeToString(xml_node);
},
function(){
return xml_node.xml;
}
) || false;
}
function get_content_div(xml_doc){
var divs = $A(xml_doc.getElementsByTagName('table'));
return divs.find(function(div){
return (div.getAttribute('class') == 'state');
});
}
function process_content(text){
var xml_object = parse_xml_string(text);
if(!xml_object){
return alert('Error: unable to create XML.');
}
var content = get_content_div(xml_object);
content = serialize_xml(content);
$('locations').update(content);
}
</script>
<div id="mapLeft">
<p>To view store locations, pick a state from the map on the right or use the dropdowns below.</p>
<form id="mapForm" action="">
<label for="us">In the United States</label>
<select id="us" name="us" onchange="showLocations(this.name)">
<option default="true">Select...</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">Dist of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
<label for="elsewhere">Elsewhere</label>
<select id="elsewhere" name="elsewhere" onchange="showLocations(this.name)">
<option default="true">Select...</option>
<option value="australia">Australia</option>
<option value="canada">Canada</option>
<option value="england">England</option>
<option value="germany">Germany</option>
</select>
</form>
<h2>Online</h2>
<ul>
<li><a href="http://www.jackcards.com/card?refine=pinkerton+" target="_blank">Jack Cards</a></li>
<li><a href="http://www.foldmodernpaperie.com/" target="_blank">Fold Modern Paperie</a></li>
</ul>
</div>
<div id="mapRight"> </div>
<div class="hr">
<hr />
</div>
<div id="locations"> </div>
</notextile>