javascript for loop not executing function until end of loop, then iterating function n number of times -

-

i attempting load div's google map images loop adds 1 value of document.get. problem getlocation() call comes @ final iteration of loop, iterates loops n number of times.

for(var = 1; < length; i++){ var longitude = 1.8612393999999999; var latitude = 50.7263312; document.getelementbyid("longinput").value = longitude; document.getelementbyid("latinput").value = latitude;  var mapholder = "mapholderm"+i; document.getelementbyid("mapholdervalue").value = mapholder; themapholder=document.getelementbyid(mapholder);  getlocation(); }

getlocation() uses longinput , latinput values lat , lon variables, , themapholder place put target div image. maps able co ordinates , explaned below on final, or end of loop themapholder value.

i think not issue getlocation(), , more how attempting use it. adding alert in getlocation() call , viewing elements on screen know elements populated though loop , change, location called n number of times after happens. getlocation() picks values set iterations of giving element values complete.

adding alert @ beginning of loop makes loop go round n number of times execute getlocation() once.

just sum up: loops , changes element values, 1 one. once complete getlocation() called, same number of iterations. getlocation() can access final setting of elements gives 1 div map.

dean

update: sorry have given incorrect information: appear method call loop results in same behaviour:

function pulse(){      $('#contentdiv').delay(200).fadeout('slow').delay(50).fadein('slow');     }

calling method loop:

for(var = 1; < length; i++) {             var longitude = 1.8612393999999999;     var latitude = 50.7263312;      alert("end of loop");             pulse(); }

results in alert n number of times, pulse executed? sorry confusion.

dean

update: google maps script:

function getlocation()   {   if (navigator.geolocation)     {     navigator.geolocation.getcurrentposition(showposition,showerror);     }   else{x.innerhtml="geolocation not supported browser.";}   }  function showposition(position)   {   alert($("#longinput").val()); */   lat= $("#latinput").val();   lon= $("#longinput").val();   latlon=new google.maps.latlng(lat, lon);   mapholder=themapholder;    alert("getlocation " + themapholder);    var myoptions={   center:latlon,zoom:14,   maptypeid:google.maps.maptypeid.roadmap,   maptypecontrol:false,   navigationcontroloptions:{style:google.maps.navigationcontrolstyle.small}   };   var map=new google.maps.map(themapholder,myoptions);   var marker=new google.maps.marker({position:latlon,map:map,title:"you here!"});   }    function showerror(error)   {   switch(error.code)      {     case error.permission_denied:       x.innerhtml="user denied request geolocation."       break;     case error.position_unavailable:       x.innerhtml="location information unavailable."       break;     case error.timeout:       x.innerhtml="the request user location timed out."       break;     case error.unknown_error:       x.innerhtml="an unknown error occurred."       break;     }   } </script>

using alert in showposition can see called after loop has updated elements.

why function behave this, , called after loop has executed else?

as aware reads little confusing, due needing learn more , javascript although see in comments there adivice learn me. how solution problem:

getlocation() being itterated, after loop had completed iterating on other code. hack, when getlocation() method iterated time make element value changes function use:

  var y=1;   var x=document.getelementbyid("demo");    function getlocation()   {   if (navigator.geolocation)     {     navigator.geolocation.getcurrentposition(showposition,showerror);     }   else{x.innerhtml="geolocation not supported browser.";}   }    function showposition(position)   {     var longitude = -1.8612393999999999;     var latitude = 50.7263312;      document.getelementbyid("longinput").value = longitude;     document.getelementbyid("latinput").value = latitude;      var mapholder = "mapholderm"+y;     document.getelementbyid("mapholdervalue").value = mapholder;     themapholder=document.getelementbyid(mapholder);      lat= $("#latinput").val();        lon= $("#longinput").val();     latlon=new google.maps.latlng(lat, lon);     mapholder=themapholder;      alert("getlocation " + themapholder+y);     y++;      var myoptions={       center:latlon,zoom:14,       maptypeid:google.maps.maptypeid.roadmap,       maptypecontrol:false,       navigationcontroloptions:{style:google.maps.navigationcontrolstyle.small}     };    var map=new google.maps.map(themapholder,myoptions);   var marker=new google.maps.marker({position:latlon,map:map,title:"you here!"}); }

notice introduction of variable y increments in value each time method called use in element id.


Comments

Post a Comment

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

-
using jmockit 1.2 jar, trying mock string's length method getting unexpected invocation exception: failed: test java.lang.illegalstateexception: missing invocation mocked type @ point; please make sure such invocations appear after declaration of suitable mock field or parameter @ stringdemo.testa$1.<init>(testa.java:17) @ stringdemo.testa.test(testa.java:13) i using testng: @test public void test() throws exception { new expectations() { @mocked("length") string astring; { astring.length(); result = 2; } }; system.out.println(a.showa("test")); } } actual class a: public class { public static int showa(string str){ int a= str.length(); return a; } } this wrong way of recording expected results. shouldn't mock , record string's length() method, record showa() instead. here solution @suppresswarnings("unused...
Read more

What is the difference between data design and data model(ERD) -

-
i have google question , find answer in day. know, data design many many table have list column,and mark pk , fk. why er-diagram have find this? data design process of designing database. main output of data design detailed logical data model of database. some people data design includes of needed logical , physical design choices , physical storage parameters needed generate design in data definition language. technically, database analysis, database analysts (dbas) trained do. while person can both data design , database analysis, these 2 different tasks. data design models data. database analysis takes model , applies 1 or more database engines (relational, hierarchical, nosql). a logical data model 1 of main outputs of data design. data model represented entity relationship diagram, or er diagram.
Read more

ios - Can NSManagedObject conform to NSCoding -

-
i need transfer single object across device. right converting nsmanagedobject dictionary , archiving , sending nsdata. upon receiving unarchiving it. transfer nsmanagedobject archiving , unarchiving instead of creating intermediate data object. @interface test : nsmanagedobject<nscoding> @property (nonatomic, retain) nsstring * title; @end @implementation test @dynamic title; - (id)initwithcoder:(nscoder *)coder { self = [super init]; if (self) { self.title = [coder decodeobjectforkey:@"title"]; //<crash } return self; } - (void)encodewithcoder:(nscoder *)coder { [coder encodeobject:self.title forkey:@"title"]; } @end nsdata *archivedobjects = [nskeyedarchiver archiveddatawithrootobject:testobj]; nsdata *objectsdata = archivedobjects; if ([objectsdata length] > 0) { nsarray *objects = [nskeyedunarchiver unarchiveobjectwithdata:objectsdata]; } the problem above code is. crashes @ self.title in initwithcoder sa...
Read more