Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If I was you I would set the focus to the Search button.</p> <p>So, if I understand correctly you have to enter an address and click search in order to do your geocoding.</p> <p>So, what I would do to make it as user friendly as possible is during the onload of the body I would setfocus to the address textbox.</p> <p>Then I would setfocus to the search button after the onleave/onblur event fires when you tab out of the address box. Then you would just hit enter and it would geocode.</p> <p>All in all you would need to add these two. :</p> <p>body onload -> setfocus to address textbox</p> <p>address textbox onblur/onleave -> setfocus to search button</p> <p>A third recommendation would be to setfocus back to the address textbox after the search button fires to start the process all over without leaving the keyboard.</p> <p>Here is a link on setting focus on load. On leave is pretty easy to use also.</p> <p><a href="https://stackoverflow.com/questions/45827/how-do-you-automatically-set-the-focus-to-a-textbox-when-a-web-page-loads">How do you automatically set the focus to a textbox when a web page loads?</a></p> <p>Here is a link about onblur. </p> <p><a href="http://www.w3schools.com/jsref/event_onblur.asp" rel="nofollow noreferrer">http://www.w3schools.com/jsref/event_onblur.asp</a></p> <p>Update to help you more.</p> <p>Ok, here is a demo page on how to use onblur etc. in pure javascript normally I would use jquery but I will keep it simple. I tried pasting it in but that didn't work.</p> <p><img src="https://i.stack.imgur.com/7JBmr.png" alt="enter image description here"></p> <p>Ok, last and final attempt, your code should look something like this, but the javascript tags need to be changed to be correct. </p> <pre><code> &lt;javascript tags&gt; var geocoder; function initialize() { geocoder = new google.maps.Geocoder (); //Set focuse to address textbox document.getElementById("address").focus(); } function codeAddress () { var address = document.getElementById ("address").value; geocoder.geocode ( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { map.setCenter(results [0].geometry.location); marker.setPosition(results [0].geometry.location); map.setZoom(14); } else { alert("Geocode was not successful for the following reason: " + status); } }); //Either way set focus to address textbox document.getElementById("address").focus(); } function setFocusOnSearch() { //Set focus to search button now that you have left address textbox document.getElementById("search").focus(); } &lt;javascript tags end&gt; &lt;body onload="initialize()"&gt; &lt;div id="geocoder"&gt; &lt;input id="address" type="textbox" value="" "onblur="setFocusOnSearch()"&gt; &lt;input id="search" type="button" value="Search" onclick="codeAddress()"&gt; &lt;/div&gt; &lt;/body&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POHow can I make my Google Maps api v3 address search bar work by hitting the enter button on the keyboard?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USCommunity
    1. USBill Blankenship
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTModeratorReview
    1. COI tried adding the following, but it didn't work: "window.onload = function() { document.getElementById("address").focus(); };" to my javascript. Then to my input type, I add: "onblur="address" " ?
      singulars
      1. PO
      1. USGavin
    2. COThe above image shows you how to do your onblur etc. If you just create a page like that the above it will work, but you need to add it into your page.
      singulars
      1. PO
      1. USBill Blankenship
    3. COI updated the code in my question as how I think you have set out, but the map doesn't load at all when I run the code. It seems as though there is a problem with "search". I've added a screenshot of the geocoder div as I see it. "search" and "setFocusOnSearch()" are both uncoloured
      singulars
      1. PO
      1. USGavin
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload