http://mg.to/where-do-you-vote Comments for "Where Do You Vote?" en http://mg.to/where-do-you-vote <br /> <!-- Begin Polling Place Search widget --> <style type="text/css"> #PollingPlaceSearch { font-family:Arial,sans-serif; font-size:10pt; width:600px; margin:0; padding:6px; border:1px solid #AAA; } .PollingPlaceSearchForm { margin:0; padding:0; } .PollingPlaceSearchTitle { float:left; /*font-weight:bold;*/ /*font-size:120%;*/ padding-bottom:4px; } /*.PollingPlaceSearchSpinner { float:right; margin-right:4px; width:16px; height:16px; background-image:url(spinner16.gif); background-position:1000px 0px; background-repeat:no-repeat; }*/ .PollingPlaceSearchLabelBox { position:relative; float:left; margin-right:6px; } .PollingPlaceSearchLabel { position:absolute; left:5px; top:0; z-index:1; color:#777; cursor: text; } .PollingPlaceSearchInput { width:500px; } .PollingPlaceSearchButtonBox { float:left; } .PollingPlaceSearchButton { width:75px; height:1.85em; } .PollingPlaceSearchFrameHider { width:100%; height:600px; display:none; } .PollingPlaceSearchFrameBox { width:100%; height:100%; } </style> <div id="PollingPlaceSearch"> <div class="PollingPlaceSearchTitle"> Find your 2008 voter information. Enter your <strong>home</strong> address: </div> <!--<div id="PollingPlaceSearchSpinner" class="PollingPlaceSearchSpinner">--> <!--</div>--> <div style="clear:both;"> </div> <form id="PollingPlaceSearchForm" class="PollingPlaceSearchForm" onsubmit="return PollingPlaceSearch.submit()"> <div class="PollingPlaceSearchLabelBox"> <label id="PollingPlaceSearchLabel" for="PollingPlaceSearchInput" class="PollingPlaceSearchLabel"> Example: 1600 Pennsylvania Ave 20006 </label> <input id="PollingPlaceSearchInput" class="PollingPlaceSearchInput" type="text" onfocus="PollingPlaceSearch.focus()" onblur="PollingPlaceSearch.blur()" /> </div> <div class="PollingPlaceSearchButtonBox"> <button type="submit" id="PollingPlaceSearchButton" class="PollingPlaceSearchButton"> Search</button> </div> </form> <div style="clear:left;"> </div> <div id="PollingPlaceSearchFrameHider" class="PollingPlaceSearchFrameHider"> <div id="PollingPlaceSearchFrameBox" class="PollingPlaceSearchFrameBox"> </div> </div> </div> <script type="text/javascript"> (function() { function e( id ) { return document.getElementById('PollingPlaceSearch'+id); } var /*spinner = e('Spinner'),*/ label = e('Label'), input = e('Input'), button = e('Button'), hider = e('FrameHider'); button.disabled = false; window.PollingPlaceSearch = { focus: function() { label.style.textIndent = '-1000px'; }, blur: function() { if( input.value === '' ) label.style.textIndent = '0px'; }, submit: function() { //spinner.style.backgroundPosition = '0px 0px'; hider.style.display = 'block'; load( 'http://election-maps-2008.googlecode.com/svn/trunk/poll411.js' ); return false; } }; PollingPlaceSearch.focus(); PollingPlaceSearch.blur(); function load( url ) { /* cachebuster for debugging: */ url += '?' + (+new Date); /* end cachebuster */ var script = document.createElement( 'script' ); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild( script ); } })(); </script> <!-- End Polling Place Search widget --> <br /> This is a test of the 2008 US Voter Info gadget. http://mg.to/where-do-you-vote#comments HTML JavaScript jQuery Mapping Mon, 18 Aug 2008 00:06:35 +0000 Michael Geary 197 at http://mg.to