Here is a code I use to calculate distance b//w 2 places using google api. It works perfectly and shows the results in the html but when I add a return statement at the end of the function showlocation() it returns undefined.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]">
<html xmlns="[URL]">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="robots" content="noindex,follow" />
<title>Calculate driving distance with Google Maps API</title>
<script src="[URL]" type="text/javascript"></script>
<!-- According to the Google Maps API Terms of Service you are required display a Google map when using the Google Maps API. see: [URL] -->
<script type="text/javascript">
var geocoder, location1,addr1,addr2, location2, result1,gDir;
function coolAl(add1,add2) {
addr1=add1;
addr2=add2;
var result= return initialize();
showLocation();
alert(result);
} function initialize() {
geocoder = new GClientGeocoder();
gDir = new GDirections();
GEvent.addListener(gDir, "load", function() {
var drivingDistanceMiles = gDir.getDistance().meters / 1609.344;
var drivingDistanceKilometers = gDir.getDistance().meters / 1000;
result1=location1.address + ' (' + location1.lat + ':' + location1.lon + ')/' + location2.address + ' (' + location2.lat + ':' + location2.lon + ')/' + drivingDistanceKilometers + ' kilometers';
document.body.innerHTML=result1;
return drivingDistanceKilometers;
});
} function showLocation() {
geocoder.getLocations(addr1, function (response) {
if (!response || response.Status.code != 200) {
alert("Sorry, we were unable to geocode the first address");
} else {
location1 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address};
geocoder.getLocations(addr2, function (response) {
if (!response || response.Status.code != 200) {
alert("Sorry, we were unable to geocode the second address");
} else {
location2 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address};
gDir.load('from: ' + location1.address + ' to: ' + location2.address);
}});}});}
</script></head>
<body onload="coolAl('pune','mumbai')">
</html>
Suppose we have following javascript codes: Case 1. var foo = function (){ var x = "hello"; var bar = function () { alert(x); } return bar; } var bar_ref= foo(); document.write(bar_ref()); // it pops up "hello" and print-outs "undefined".
If we modified above code slightly, shown as follow: Case 2. var foo = function (){ var x = "hello"; var bar = function () { alert(x); } return bar(); } var bar_ref= foo(); document.write(bar_ref()); // it only pops up "hello".
As you can see, Case 2 modified the return value from "return bar" to "return bar()," which won't cause the "undefined" output. To me, it looks like when the JS interpreter executes the line "bar_ref();" it triggers the execution of function "foo", besides both "return bar" and "return bar()" do the same job which is to execute function body of "bar".
The only difference is that after the execution of function bar, its function body does not exist anymore, so when the interpreter executes the line "return bar;" it follows the function identifier "bar" and ends up with "undefined". This is why the Case 1 gives us "undefined", but I am not quite clear about why the Case 2 can trace down to the function body of "bar". Do you have any ideas about such difference outputs?
I have a homework assignment which is pretty simple. It is a grade calculator that uses arrays to gather the grades from the user. This is what I have for the problematic section:
var homework = new Array(2);/* The grades entered by the user for Homework 1, 2, and 3 */ var project = new Array (3);/* The grades entered by the user for Project 1, 2, 3, and 4 */
[Code].....
My problem is the document.write portion of the code, where it is supposed to return either homework[0], project [0], or exam[0], it instead returns undefined. There is no problem with any other subscript. And yes, it does successfully prompt me for each of the [0] subscripts in the first part of the code. Am I just missing something that is right in front of my face? Does all arrays not start with the [0] subscript?
I'm doing something with grails + jquery. My controller send a rendered json (which I know is sending correctly) but when the object "arrives" in the callback method it comes undefined. I can see it lenght, but not it's content.
I am trying to access the width variable from my main page. Within the imageinfo.js script functions I can alert() the width value which returns 1024. But I can't seem to pass this variable to my main page or access it directly so that I can use document.write() to write the variable on the page. Whenever I try to call the 'width' variable directly from the main page I get undefined. How can I access this variable? However, with the test code below, I was able to get ducument.write() to write the 'width' variable on the page but now the page doesn't stop loading - there's an endless loop in the code...
Since upgrading from 1.4.x to 1.6.1 all the code that selects the contents of an XML attribute by the name of 'value' has stopped working. Upon investigation, any time you do
$(someXMLObject).attr("value")
now always returns 'undefined'. This worked fine in previous versions and currently is preventing us from upgrading. I know the obvious solution would be to change the attribute name from 'value' to something else, but this would require some real effort on our part as a lot of our front end code is assuming an attribute of 'value' be passed in.
My question is, is this bug likely to be fixed in a forthcoming release of JQuery or should we implement the necessary workarounds on the assumption that this isn't being worked on?
Danged if I can find the thread, but I swear I saw a $.url() reference in here a day or two ago. It was beingutilized for parsing out the window.location or window.location.search parameters. I made a mental note because that was something I would be needing to do.
Now I can't find it, either because the search isn't finding it or I was dreaming about this function existing.
I rummaged about the API docs and didn't find it there either. Is it something provided by one of the plugins and not a function native to jQuery?
I want to call java function in javascript.In which we pass one parameter to function and its returns String value which I want to display in alert message.
I am having a strange problem with a javascript function that does not return the value but returns the code inside the function. My best guess is that I am incorrectly calling the function hasLandedOn()and jquery is interpeting it. Why is this happening? I highlighted the parts in red.-Tom ReeseThe following is returned NOT the variable imageName.
function hasLandedOn(){ var selectorLoc = $("#selector").offset(); var imageName = "";
This routine used to work when I was using jQuery 1.3.2. Now that I've switched to 1.4.2 it fails. I've verified that returning to 1.3.2 fixes the problem.
I have a page which includes this select pulldown:
Either I'm having a really dim Friday, or something strange is going on. I'm trying to add a method to the Validator plugin, using the following regex:
I'm trying to get the following script to work, but I'm getting an error saying "rowID is undefined".
function showhide(rowId) { var showRow = "Edit_" + rowID var hideRow = "View_" + rowID document.getElementById(showRow).style.display ="block"; document.getElementById(hideRow).style.display = "none"; }
I'm building the html using an xsl stylesheet, so I'm passing a dynamic name attribute as the rowID parameter. When I look at the HTML source, it looks fine. Please tell me where I'm going wrong...I'm sure it's simple, just not to me! Thanks, Kathy
I am trying to taking this embedded script Code: <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var strDay; if ((now.getDate() == 1) || (now.getDate() != 11) && (now.getDate() % 10 == 1)) // Correction for 11th and 1st/21st/31st strDay = "st "; else if ((now.getDate() == 2) || (now.getDate() != 12) && (now.getDate() % 10 == 2)) // Correction for 12th and 2nd/22nd/32nd strDay = "nd "; else if ((now.getDate() == 3) || (now.getDate() != 13) && (now.getDate() % 10 == 3)) // Correction for 13th and 3rd/23rd/33rd strDay = "rd "; else strDay = "th "; document.write(dayName[now.getDay()] ..... // End --> </script> and turn it into a function called time.
Javascript Source Code: function time() { var strDay; if ((now.getDate() == 1) || (now.getDate() != 11) && (now.getDate() % 10 == 1)) // Correction for 11th and 1st/21st/31st strDay = "st "; else if ((now.getDate() == 2) || (now.getDate() != 12) && (now.getDate() % 10 == 2)) // Correction for 12th and 2nd/22nd/32nd strDay = "nd "; .....
But when I do the out put returns nothing. Why this might be. I initially thought that I had the formattingsyntax wrong for the function it self but this doesn't seem to be. [URL]
When rotateSwitch() is called on launch, it assigns the second image to the $active variable (given that the first image was given active class in beginning of script). Then rotate() function is called and we get 1 (2-1) and then multiply by imageWidth. Now the second time the rotateSwitch() function is called, we should get 2 (3-1), but the alert still only returns 1 and the fourth time it only returns 1 as well: Code: $(document).ready(function(){ $(".paging").show(); $(".image_reel img:first").addClass('active'); var imageWidth = $(".window").width(); var imageSum = $(".image_reel img").size(); var imageReelWidth = imageWidth * imageSum;
$(".image_reel").css({'width' : imageReelWidth}); rotate = function(){ var triggerId = $active.attr('src').substring(7,8); var image_reelPosition = (triggerId - 1) * imageWidth; alert('the value is ' + triggerId); $(".image_reel img").removeClass("active"); $active.addClass("active");
I am looking for a javascript code to display pdf files/links which are on a server onto a webpage. We are using an Oracle application and a javascript code can be embedded in it.
These pdf files will be generated everyday and going forward we will have almost 300+ files in a year. I tried using <a href="res/folderA/folderB/filename.pdf">Report for 10/01/2009</a> and it works fine. I could create 300+ links but most of the links would be dead since the pdf has not been generated for future dates and I don�t want to show dead links.
Can I show the pdf links/files dynamically? Like show only those files with links which are there on the server? The pdf files will be generated Mon-Fri and the naming convention for the PDF file would be MM-DD-YYYY-filename.pdf. Would it be possible to show the reports grouped by months? Getting the month from the file name and when someone clicks on that month then it shows only those files which have been generated in that month.
I tried using below code to get file names from a folder. It works fine on my local but doesn�t work on the server. But then it�s supposed to show only file names and not links :(
<script type="text/javascript"> var fso = new ActiveXObject("Scripting.FileSystemObject"); var f = fso.GetFolder("res\folderA\folderB"); var fc = new Enumerator(f.files);
[Code]....
Also one more trivial question, I looked at the source code of the application and then saw that images used in that application are being called using href and location is under /res folder, where in the code is this specified? Pointer to that folder? What if I want to show some files/images which are not under /Res folder, where do I specify the location?
Today I've tried to create simple hover effect on a <div>: if the cursor is over the box, the background-image css property of the div is modified. On the HTML side, a <div> with an id:
I have a for loop which has a length of 8. It's meant to run through an array of objects and bind a click function to all of them. So the alert should run a range 0-7 but instead it returns 8 no matter which object is being clicked.
The goal is to change the source on the fly (as with a firefox extension webdev or another or even Greasemonkey) to add a link. Until then, easy does it work well. This link launches an application ajax jquery like: $.get(...) or even $.ajax(...)
If I'm on [URL], added my link, I click and it works, I see the ajax request and pass my "alert ()" gives me the return of application. Great! But if I'm on a site other than mine (the url of the ajax request is [URL] while I'm at [URL] for example), the return of the ajax request is empty.
