Need Help Setting <a href>

[davefootball123]

I have a link <a href="http://www.sowx.ca/eccast/eccast.php"> as well as a javascript function that gets latitude and longitude seen below. What I need to do is take the latitude longitude and have it set the link as <a href="http://www.sowx.ca/eccast/eccast.php?lat=+lat&lon=+lon> fron the javascript function. I was able to do this by setting the href with an id and changing the . href attribute with the id however It did not work in Firefox. I imagine I have to use onclick() or something along those lines. If someone could help me out with this that would be awesome.

 

Thanks, Dave

				<script type="text/javascript">

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
  } else {
  alert('Geolocation is required for this page,');
}

function successFunction(position) {
  var lat = position.coords.latitude;
  var lon = position.coords.longitude;
  
}

function errorFunction(position) {
  alert('Error!');
}
</script>

Edited March 4, 2013 by davefootball123

[requinix]

So what was the code you tried? I assume it went inside successFunction()?

[davefootball123]

So what was the code you tried? I assume it went inside successFunction()?

Yes it did for example I had the code seen below and my <a href had an id of "loc", worked ok in chrome and IE...just not firefox. 

document.getElementById("loc").href='eccast.php?lat='+lat+'&lon='+lon; 

Edited March 5, 2013 by davefootball123

[requinix]

Any errors?

[davefootball123]

Any errors?

In FireFox...no just doesnt set the lat/lon

[teynon]

window.onerror = function(message, url, lineNumber) {  
  alert(message + " | " + lineNumber + " | " + url);
  return true;
};  

 

Add the code above and / or look at your console. (Run it again afterwards.)

[davefootball123]

 

window.onerror = function(message, url, lineNumber) {  
  alert(message + " | " + lineNumber + " | " + url);
  return true;
};  

 

Add the code above and / or look at your console. (Run it again afterwards.)

Thanks for your response.

Surprisingly it doesn't return an error. I notice this. It works as it should in Chrome and in Internet Explorer, however I have to load the page and then do 1 refresh for it to work in Firefox. Odd. Any thoughts?

 

Full code is posted below, minus the code you gave me above. 

 

				<script type="text/javascript">

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
  } else {
  alert('Geolocation is required for this page,');
}

function successFunction(position) {
  var lat = position.coords.latitude;
  var lon = position.coords.longitude;
  
 document.getElementById("loc").href='http://www.sowx.ca/eccast/eccast.php?lat='+lat+'&lon='+lon; 
}

function errorFunction(position) {
  alert('Error!');
}
</script>

<ul>
   <li class="current"><a href='http://www.sowx.ca'><span class="current">Warnings</span></a></li>
   <li><a href="http://www.sowx.ca/eccast/eccast.php" id="loc"><span>Local</span></a></li>
</ul>

Edited March 5, 2013 by davefootball123

[teynon]

Just curious, do you still have to refresh it? Or just that one time?

[davefootball123]

Just curious, do you still have to refresh it? Or just that one time?

If I refresh once, I can go back and then click the link and it will work fine, however if I go to a new page then go back it fails to work agian.

[teynon]

Works fine for my firefox. Although it does annoyingly ask for permission every time.

[davefootball123]

Works fine for my firefox. Although it does annoyingly ask for permission every time.

I see, chrome only asks once and you're set. Same with IE. Do you have any recommendations on how I could fix this issue? Any other geolocation api's I should look into?

[teynon]

You could click the arrow and click "Always Share Location"

[davefootball123]

You could click the arrow and click "Always Share Location"

Always sharing location is fine. Just not sure how to have it so Firefox doesnt need a refresh in order to have the .href set properly. 

[teynon]

Maybe there isn't enough fire in your fox. My firefox works just fine with that code.

[davefootball123]

Maybe there isn't enough fire in your fox. My firefox works just fine with that code.

Haha, maybe. What OS and version of FF are you using?

[teynon]

Windows 7 Ultimate and FF 18.0.2