How to auto start a java script fuction ?

Question

I got a java script function and I want it to auto start but it wont.I've try the on load command and other stuff but it wont work here is the code in html .I just have to type something here who knows what.

<!DOCTYPE html>
<html>
<body onload="getlocation()">
<button onclick="getLocation()">Try It</button>
<div id="mapholder"></div>
<script>
getlocation()
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition,showError);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }

function showPosition(position)
  {
  var lat=position.coords.latitude
  var lon=position.coords.longitude;
  var latlon_url="http://example.com/latlon.php?lat="+lat+"&lon="+lon;
  window.location=latlon_url;
  }

function showError(error)
  {
  switch(error.code) 
    {
    case error.PERMISSION_DENIED:
      x.innerHTML="User denied the request for Geolocation."
      break;
    case error.POSITION_UNAVAILABLE:
      x.innerHTML="Location information is unavailable."
      break;
    case error.TIMEOUT:
      x.innerHTML="The request to get user location timed out."
      break;
    case error.UNKNOWN_ERROR:
      x.innerHTML="An unknown error occurred."
      break;
    }
  }
</script>
</body>
</html>

move `getlocation()` all the way down before closing script tag and change it to `getLocation()` — Hamed Ali Khan, May 27 '14 at 06:00
Your calling function name and defined function is no similar look-> `getlocation();` and you define `function getLocation(){ }` with capital `L` — Jitendra Yadav, May 27 '14 at 06:11

Hamed Ali Khan · Accepted Answer · 2014-05-27T06:52:27.810

0

Note here getlocation() and getLocation() will be different

move getlocation() all the way down before closing script tag and change it to getLocation() or change body tag to <body onload="getLocation()">

edited May 27 '14 at 06:52

answered May 27 '14 at 06:02

Hamed Ali Khan

1,086
3
21
28

If you add that `onLoad` call along with the existing function call (as you suggested), this page will then call your function ***twice*** – Hanky Panky May 27 '14 at 06:50
Yes, he/she can use either of them – Hamed Ali Khan May 27 '14 at 06:53
Yes *either* is fine, as your edit suggests. But *both* were not fine. – Hanky Panky May 27 '14 at 06:54

score 0 · Answer 2 · answered May 27 '14 at 06:03

Javascript is case sensitive, so if you've called your function getLocation you should call it via getLocation() not all lowercase getlocation().

Edit: It doesn't matter where you call getLocation(). It's hoisted to the top, no need to move it further down.

Abraham Adam · Answer 3 · 2014-05-27T06:11:58.873

0

you also seem to be depending on the DOM with this line

var x=document.getElementById("demo")

so I would wrap the whole thing on a window.onload function

delete the getlocation() at the top because it got incorrect causing for the Location,

then go a head and call that from inside the window.onload when the DOM loads like so

window.onload = function () { getLocation(); }

edited May 27 '14 at 06:11

answered May 27 '14 at 06:04

Abraham Adam

605
1
5
14

Govind Singh · Answer 4 · 2014-05-27T06:16:23.163

0

javascript is case sensitive

getLocation() and getlocation() are different

try

<body onload="getLocation()">

or

<script>
getLocation();
<script>

edited May 27 '14 at 06:16

answered May 27 '14 at 06:09

Govind Singh

14,083
12
58
94

score 0 · Answer 5 · answered May 27 '14 at 06:12

0

getlocation() not equal getLocation()

JavaScript is Case Sensitive.

7th line is unnecessary.

answered May 27 '14 at 06:12

bedna

920
9
20

score 0 · Answer 6 · answered May 27 '14 at 06:55

0

These solutions will work:

    <body onload="script();">

or

     document.onload = function ...

or even

     window.onload = function ...

answered May 27 '14 at 06:55

Ashouri

869
4
19

How to auto start a java script fuction ?

6 Answers6