I've used Brian Crays driving distance calculator on a site, however the calculations are not accurate for full addresses. I realise the v2 google maps api is now depreciated, my question is, if I upgrade to v3, is there more accurate calculations of distance and if so, does anyone have an example of calculating the distance between two points with the new api?
or does anyone know how to get more accurate results with his code?
I have this very easy task to accomplish: block clicks on a whole page after
posting to the server to prevent impatient users from clicking many times
and causing problems to the serverside-code.
I actually could do it in IE using this technique:
....
function DisableIEControls() {
try {
document.body.style.cursor = "wait";
document.attachEvent("onclick", function(){return false;});
} catch (e) {}
}
window.attachEvent('onbeforeunload',function(){Dis ableIEControls()});
....
This works fine in IE, now can someone help me writing the same for
non-Microsoft browsers...
I tried almost all but to no avail... clicks are always "sent" to server
side...
I'm trying to make something a lot like a store locator where a user types in their address of origin and submits, then the script compares the driving distances between their entered address and the 4 destination locations that I will store in an array once the page loads.It's kind of hard to describe. I have a form working to do the distance and driving directions once I know which destination will be chosen.That seems to be working just fine. The problem is that I just can't get anything working that will compare the distance between the origin and each of the options before choosing and displaying directions to the nearest destination. My ultimate goal is to update the list of <options> with PHP and maybe MySQL - though I really don't need this to be large-scale. Then, after the user inputs a starting address if they choose a specific location from the dropdown it will give those directions, otherwise (if the "choose closest location" option is still active) then I will run a comparison of driving distances for each option's address value and store them to an array. Once all locations are read and tested for driving distance I want to take the closest location set that option as selected, and then run the call for driving directions as usual.
I know how to pull the option values, how to set and unset the "selected" attribute, and how to check to see if distances need to be compared. I can figure out how to do just about everything I need EXCEPT for getting the google maps API to play along. I've tried so many dead-end ideas that I have just reset my map code to square one. Any ideas for a script piece to run that will return only the driving distance for a list of locations?I'm going cross-eyed trying to get this working. Does anyone have any ideas for a code blurb to tie this all together? I think everything else should work once I get through the distance iterations but I'm useless with the google maps API...
how would i get the distance and angle between 2 points on the screen.
For example:
what is the distance between (100,50) and (250,70)
what i really wanna do is see how far the current mouse position is
from a given object and what the angle is between them.
What i'd like is a simple converter to allow a user to input the distance travelled
in miles and the time in hours and minutes, the result being an average speed. What i'd appreciate is for someone to write the script for me and post here if possible.
I got an element ( say <div id="foo">... ) at its natural position in a
page.
I need to get the distance (in pixels) between the top of that element and
the top of the page/frame.
Of course, I'd prefer this to work with IE and Mozilla family.
I'm looking for a jquery tutorial which helps on calculating the distance between two points?
I've found a few javascript ones, but its breaking the rest of my jquery code!
does anyone know of anything? im using it to calculate a price for a specific distance traveled.
i've found out how to find the distance between 2 lat lng points using google's distanceFrom method:
Code:
// NR14 7PZ
var loc1 = new GLatLng(52.5773139, 1.3712427);
// NR32 1TB
var loc2 = new GLatLng(52.4788314, 1.7577444);
alert(loc2.distanceFrom(loc1) / 1000);
However, I'd like to be able to convert a distance to lat lng. The main reason I'm doing this is so that I can figure out the bounds of a certain area of a co-ordinate. For example I specify a point, and then I need to draw a box around this area going x distance North, South, East and West, but until I know how many units make up a kilometre this wont be easy.
I guess I could go to google maps, click on a point and then click on another point and keep doing that until I get exactly 1km away from the original point, then just minus or plus for the lat and lng to find out the unit value for 1km, but I have a feeling that this wont be accurate. Can anyone lend any advice, I realize that what I'm asking is more a map question than a google maps javascript api question, but perhaps someone has come across this before?
A piece of html code:
<table>
<tr>
<td>
<input type="text" name="myInput" onclick="myFunction(this)">
<td>
</tr>
</table>
myFunction(el) {
alert(el.offsetTop)
}
Alert shows the distance from input to the top of the table or table cell.
Is there any other attribute which shows the absolute distance from input to
the top of the page ? Because of some reasons I can't add table's and
input's offsetTops.
I've got this lovely little animation that slides some div fields to the right a short distance. Everything works except the setTimeout (located in the SlideIn function). It simply 'jumps' without taking any time at all. I've tried a bunch of stuff:
changed the amount of time from 100 to 10000
changed it from var t = setTimeout("SlideIn()", 1000)
SlideIn with/without the brackets, with/without the quotation marks.
[code]....
I am doing some work, where I want to have a table heading that remains in a fixed position, when the window is scrolled (I will ultimately have a very long table). I have written the code below, which fixes the heading.
I am trying to make it so that each body row of the table gets hidden, when the window is scrolled such that the row passes above the heading row.
To do this I need to somehow detect the distance of each row from the top of the window as the window is scrolled so I can detect when it goes above the fixed heading row. I have tried to do this using offsetTop and scrollTop in the code below, but it doesn't seem to be working (in Safari at least, which I am using for my main testing).
Does anyone know a simple way of detecting the distance to the top of the window so I can use it in my code below, which will work in all browsers?
(I don't really want to use div, and overflow-y:auto to achieve the fixed heading scrollable table, because I don't want to have a sub-section with its own scrollbar. I just want to have the main page scrollbar when the list gets long enough to require it.)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
[Code]....
I've found the Harvesine forumla to get the distance between any two points of latitude and longitude on the earth's surface. What I want is a little different - I want that, given a point and a distance, to get the latitude and longitude of a second point. I'm having trouble reversing the forumla. The current formula:
[Code]...
In all the easing functions (based on Robert Penner), I see that they require the distance to travel to be known beforehand. But what if I didn't know that? How would I calculate the change to position based on easing my speed to zero if I know my current speed?
In other words, I know my start position, my current speed and the duration. I want to figure out the change in position (for each step and total change).
I'm currently doing on a project, frankly speaking i'm new in javascript only know the basics. I'm not even sure whether this thread is suppose to be here or under html.. I'm suppose to create some codes that enable a html page to load to the next html page when the mouse move from left to right within a specific time and distance(positive X coordinate) and also the other way round (right to left) once i figured out this. I've got an example online and edited it. Please take a look at my codes.
[Code]...
test01.html is just blank page created to make sure it loads. However i would like to load from test01 to another html page but no matter how i tried to edit the codes, there's errors. I cant possibly copying and pasting the exact codes to every page i want to load to right? And is it possible to sortof increase mouse sentivity such that i can most probably load to the next page in first few tries of moving the mouse on the first page. Is it common that when i launch the html on IE and Firefox somehow after showing the first page for maybe 1 second, it immediately jumped to 2nd page and i have to go back to 1st page to try out.