jquery - Facing error on Maps API v3 Places Autocomplete Form -


i using maps api v3 places autocomplete form last few month project when adding page places autocomplete not working.

i getting error on line:

for (var component in componentform) {     document.getelementbyid(component).value = '';      document.getelementbyid(component).disabled = false; }

and getting error message: typeerror: document.getelementbyid(...) null

here autocomplete code:

<script type='text/javascript'> $(function(){ // example displays address form, using autocomplete feature // of google places api users fill in information.  var placesearch, autocomplete; var componentform = {     street_number: 'short_name',     route: 'long_name',     locality: 'long_name',     administrative_area_level_1: 'short_name',     country: 'long_name',     postal_code: 'short_name' };  function initialize() {     // create autocomplete object, restricting search     // geographical location types.     autocomplete = new google.maps.places.autocomplete(     /** @type {htmlinputelement} */ (document.getelementbyid('autocomplete')), {         //types: ['geocode']         types: ['geocode', 'establishment']     });     // when user selects address dropdown,     // populate address fields in form.     google.maps.event.addlistener(autocomplete, 'place_changed', function () {         fillinaddress();      });  }  // [start region_fillform] function fillinaddress() {     // place details autocomplete object.     var place = autocomplete.getplace();     var formatted_address = place.formatted_address;      (var component in componentform) {         document.getelementbyid(component).value = '';         document.getelementbyid(component).disabled = false;     }      // each component of address place details     // , fill corresponding field on form.     (var = 0; < place.address_components.length; i++) {         var addresstype = place.address_components[i].types[0];         if (componentform[addresstype]) {             var val = place.address_components[i][componentform[addresstype]];             document.getelementbyid(addresstype).value = val;         }     } } // [end region_fillform]  // [start region_geolocation] // bias autocomplete object user's geographical location, // supplied browser's 'navigator.geolocation' object. function geolocate() {     if (navigator.geolocation) {         navigator.geolocation.getcurrentposition(function (position) {             var geolocation = new google.maps.latlng(             position.coords.latitude, position.coords.longitude);              autocomplete.setbounds(new google.maps.latlngbounds(geolocation, geolocation));         });     } }  initialize(); // [end region_geolocation] }); </script>

my jsfiddle: http://jsfiddle.net/mananpatel/ls2ag2p0/

any idea? why not working.

thanks.

i think you're getting null pointer when attempting assign country. try adding in field country, such 

<div class="form-group">     <label class="control-label">country</label>     <input type="text" name="country" id="country" value="" placeholder="" class="form-control" maxlength="15"/> </div>

when added jsfiddle submitted, worked correctly.


Comments

Post a Comment

Popular posts from this blog

How to connect android app to App engine -

i'm trying connect app in android server i've opened on appengine. my server's name : dddd-daniel-2345 , website server : http://dddd-daniel-2345.appspot.com/ this how connect android app server in app engine: app.yaml: application: dddd-daniel-2345 version: 1 runtime: python27 api_version: 1 threadsafe: yes handlers: - url: .* script: main.app libraries: - name: webapp2 version: "2.5.2" main.py: #!/usr/bin/env python # # copyright 2007 google inc. google.appengine.api import users import webapp2 class userhandler(webapp2.requesthandler): def get(self): user = users.get_current_user() if user: greeting = ('%s,%s,%s' % (user.email(),user.user_id(),user.nickname())) else: greeting = ('not logged in') self.response.out.write(greeting) app = webapp2.wsgiapplication([('/', userhandler),], debug=true) my applications code : add manifast main....
Read more

gcc - MinGW's ld cannot perform PE operations on non PE output file -

i know there other similar questions out there, stackoverflow or not. i've researched lot this, , still didn't find single solution. i'm doing operative system side project. i've been doing in assembly, wanna join c code. test, made assembly code file (called test.asm): [bits 32] global _a section .text _a: jmp $ then made c file (called main.c): extern void a(void); int main(void) { a(); } to link, used file (called make.bat): "c:\mingw\bin\gcc.exe" -ffreestanding -c -o c.o main.c nasm -f coff -o asm.o test.asm "c:\mingw\bin\ld.exe" -ttext 0x100000 --oformat binary -o out.bin c.o asm.o pause i've been researching ages, , i'm still struggling find answer. hope won't flagged duplicate. acknowledge existence of similar questions, have different answers, , none work me. question: what doing wrong? old mingw versions had problem "ld" not able create non-pe files @ all. maybe current versions...
Read more

php - display validation error message next to the textbox in codeigniter -

Image
i'm newbie codeigniter.i want display error message next text box.my view file create.php contains following code. <?php echo validation_errors(); //validation echo form_open('news/create'); //create form ?> <div class="boxes"> <div class="common"> <div class="lables"> <label for="name">name</label> </div> <div class="text_boxes"> <input type="text" name="uname" /><div id="infomessage"><?php echo $message;?></br> </div> </div>` and below controller model: public function create() { $this->load->helper('form'); $this->load->library('form_validation'); $data['title'] = 'insert items'; $this->form_validation->set_rules('uname','required|min_length[6]|m...
Read more