JavaScript - 'variable' Is Undefined

I have a following snippet

var test = xmlhttp.responsetext
var msg="";
when i print the text as below
for (i = 0; i< test.length;i++)
msg = msg + "test[" + i + "]: " + test[i] + "\n";

alert (msg);

I could see the individual values in each index in firefox, but ie is displaying as undefined.

Can any one please let me know whether this is not allowed in IE?. Is there any workaround for this?.

Thanks in advance.

Hi all,

I'm just starting out with Javascript as a development language and this will probably be a relatively simple problem for someone to solve for me.

I am trying to access a variable (this.bodyEl.innerHTML) from within a function but get an error message indicating that it is "undefined". I know that it is a valid variable because I call it elsewhere outside of the inner function itself.

I'm sure this is just a scope issue, but I'd welcome any suggestions on how to solve it with an explanation of where I've gone wrong if you have the time.

Here's the code:

Code:

    displayFeed: function(responseData) {
        this.bodyEl.innerHTML = "xxxx"; // I can see this
        var responseDoc = Presto.Util.parseXml(responseData);
        var items = Ext.DomQuery.select("/rss/channel/item", responseDoc);
        items.each(function(item, bodyHTML) {
            var rssTitle = Ext.DomQuery.selectValue("/title", item);
            var rssDescription = Ext.DomQuery.selectValue("/description", item);
            var rssLink = Ext.DomQuery.selectValue("/link", item);
            // but this results in an undefined error
            this.bodyEl.innerHTML = '<a href="' + rssLink + '">' + rssTitle + '</a><br/>';
        }); // end of items processing
    }

This is a fragment of the code from my script. The first access of "this.bodyEl.innerHTML" works fine, but the second access in the items.each loop doesn't and I get an undefined variable error.

Is this a scoping problem, and if so how is it best solved.

Thanks in advance, Innes (NZ)

I am pretty new to Javascript having a bit of a problem with a website with Google Maps integrated. URL is http://beta.5vanmap.com. JS is in /js/map.js.

I have two checkboxes (ccCheck and caccCheck). The basis is when the box is ticked, it overlays a KML onto the map.

This is working fine in Chrome, but in FF and IE it doesn't work, IE returns 'ccCheck is Undefined'. The code I am using is in the JS file, the bit it gets stuck at is as follows:

Code:

document.getElementById('ccCheck').onclick = function() {
	
				  if (ccCheck == 1)
  {
	ccCheck = 0;
   ccOverlay.setMap(null);  
  }

  else

  {
   ccCheck = 1;
	ccOverlay.setMap(map);    
  }


}

If I stick a ccCheck = document.getElementById('ccCheck') within the onclick function (before the if statement), it places the overlay onto the map, but then when I untick the box it just stays there.

It's such a simple thing (I think), and must be down to IE being pedantic about declaring the variable properly, the question is how should I be doing this?

Thanks and regards
Noel

Whenever this function sorts itself out, the value of the variable I want ends up "undefined".

It starts here in my code with this link. $sort is the variable that's giving me trouble. If I echo it here, it works correctly.
Code:

<a id='showMoreLink' onclick='showMorePosts($showMoreCount,$sort)'>Show more...</a>

Here is snippets of the showMorePosts function
Code:

function showMorePosts(str,sortBy)
{
xmlhttp.open('GET','ajaxQueries.php?sort='+sortBy+'&q='+str,true);
	xmlhttp.send();
}

And here is where I am echoing $sort in ajaxQueries.php, and getting "undefined". Note that $q works just as it should. (All I can think is q is an integer, and sort is a string)
PHP Code:
$q=$_GET['q'];
$sort=$_GET['sort'];

echo $sort.$q; 

Hi,

I have a programing problem that have been around for ages. I have search on google using several expressions and words and after hours of digging i'm still unable to do it.

I would like to get a value from a HTML page hosted remotely with an inconstant value. Then define this value and name as a javascript variable and apply or show in my page.

Thanks for all the help

P.S. Is there any way to make a domain lookup in javascript? I mean a user enters a domain and the script converts to an ip and shows to the user. If not thanks, probably it can only be done in the server side...

Hi!
I have a javascript in the head of the document which has a variable named "ref2" ... ref2 is already working as I can see its value working in another function.
I need to send this variable as the value of a hidden field in the form which is in the body of the document.

This is my JavaScript Code:
Code:

function WriteContactFormStatement1 () { 
var ContactFormValue = ref2; 
document.write('<input type="hidden" name="UReferrersName" value="' + ContactFormValue + '" />'); 
} 
var WriteContactFormStatement = WriteContactFormStatement1 ();

And at the end of my form, before the submit button, I have the following code:
Code:

<!-- START -- Javascript to print the statement for UReferrersName -->
<script language="JavaScript" type="text/JavaScript">
//WriteContactFormStatement();
document.write (WriteContactFormStatement); 
</script>
<!-- End -- Javascript to print the statement for UReferrersName -->

When I execute the form, it doesn't work the way it should, plus, gives me a word "undefined" next to the "Submit" button .....

Please help !...

- Xeirus.

I don't know how I should do ?

Quote:
<html>
<head>
<script type="text/javascript">
function add(a,b){
y=a+b
return y
}
var aaa = add(one,two) //one needs to get somehow get the value of yil, in this case 10
var one = function reas(){i=10;if(i<10){yil = 15}; else{yil = 10; yil = one;};
var two = 20;
document.write(y)
</script>
</head>
</html>
also why doesn't this work?

Quote:
<html>
<head>
<script type="text/javascript">
function adder(a,b){
var k=a+b;
return k
}
var hes=adder(5,kol);
kol=40;
alert(hes);
</script>
</head>
</html>
you cannot have variables in callback functions?

Hello everybody

I have a problem with Java Script damned
I want to add the values of several variables in one variable and then use this variable, which contains the values of variables

You can see the following example

HTML Code
PHP Code:
<input type="text" name="txt1" />
<br/>age 
<input type="text" name="txt2" />
<br/><br/>
<input type="button" name="submits" value="send"/> 


Javascript Code
PHP Code:
field = document.getElementsByName('txt1')[0];
field2 = document.getElementsByName('txt2')[0];
submit = document.getElementsByName('submits')[0];
data = 'data=' + field.value + '&data2=' + field2.value + '&submits=' + submit.value;
            
document.getElementsByName('submits')[0].onclick = function(){
    alert(data);
} 


After executing this code I find that the variables are not displayed values
As in the following picture


I want to know what the cause of this problem ?

This might be a stupid question, but is there any memory usage difference between var variable1, variable2; and var variable1; var variable2;? I'm learning how to use faster code hence the question.

Hello
I have a piece of javascrip that refreshes the page:

----------

Code:

<script type="text/javascript">
<!-- Begin


function reFresh() {
 location.reload(true)
}
/* Set the number below to the amount of delay, in milliseconds,
you want between page reloads: 1 minute = 60000 milliseconds.
2 minutes = 120000 milliseconds 5 minutes = 300000 milliseconds*/

window.setInterval("reFresh()",20000);
// End -->
</script>

--------


I am new to javascript and wanted to use an html options menu in order to be able to choose the refresh interval:
Code:

  

<SELECT NAME="refreshtime">
<OPTION VALUE="60000">1 min</option>

<OPTION VALUE="120000">2 min</option>

<OPTION VALUE="180000">3 min</option>

<OPTION VALUE="240000">4 min</option>

</SELECT>

I know that I have to pass a variable to the function. I have tried several variations but none have worked.

I have mostly received a "done with errors" warning.

Any help would be appreciated.
Thanks

Zam

If I manually write out "2/22/2012 4:00 PM" in TargetDate, I get the correct result for what I want to do (a countdown). But I want the countdown to always be the current day at 4pm. So I tried the code below thats commented, but it is not working. New to javascript, still reading the books, just hoping for some guidance on this.


Code:

Next Update: <script language="JavaScript">
var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
TargetDate = "2/22/2012 4:00 PM";
//TargetDate = "document.write(month + "/" + day + "/" + year) + 4:00PM";
BackColor = "white";
ForeColor = "red";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%H%% H, %%M%% M, %%S%% S";
FinishMessage = "Forecasts posted";
</script>
<script language="JavaScript" src="countdown.js"></script>

I was playing around with JavaScript today, just seeing if I could make image rollovers. I successfully switched out the first image, but I couldn't get it switched out with the original. My code:

Code:

window.onload = initAll;

function initAll()
{

  // var nav = document.getElementById("navigation");
   
   var patt = /^http:\/\/www\.[a-z\/\.-]+\.jpe?g$/i;
   
   for (var i = 0; i < document.images.length; i++)
   {
   
      if (patt.test(document.images[i].src))
      {
      
         document.images[i].onmouseover = switchy;
         
         var newbySrc = document.images[i].src;
         
         document.images[i].onmouseout = function() { UNswitchy(newbySrc); }
         
         
      }
      
   }
   
}
   
   function switchy()
   {
   
      var newbert = new Image();

      // the image below is the same one for every image, as I'm just testing
      
      newbert.src = "http://www.hogwarts-rpg.net/images/buttons/home.jpg";
      
      this.src = newbert.src;
      
   }
   
   function UNswitchy(myImgSrc)
   {
   
      var newBern = new Image();
      
      newBern.src = myImgSrc;
      
      this.src = newBern.src;
      
   }

Since taking the mouse off the image wouldn't switch it back, I guessed that the UNswitchy() function was messing up. So, I commented out the code in there and added alert(), and alert() told me that this.src (in UNswitchy()) was undefined. Why would it be, since it worked fine in switchy()?

I have two google maps loading on my page. The first loads with a body onload call the second when a button is clicked. After the button is clicked I get the error message "map is not defined". I have reviewed my code and I can not see where I have forgotten to define a var (if I am understanding the error messaage correctly - I assume that is the problem)".

My code is:
Code:

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css"> 
	html {height:250px}
	body {height:250px}
	#map_canvas {width:30%; height:250px;}
	#placemap_canvas {width:100%; height:250px;}
</style>

<script type="text/javascript"
	src="http://maps.google.com/maps/api/js?sensor=true" />
</script>
<script type="text/javascript">
function initialize() {

		var latlng = new google.maps.LatLng (
<?php

include("dbconnect.php");

			$result = mysql_query("SELECT * FROM countries 
			WHERE Country='{$_SESSION['Country']}'");

			while($row = mysql_fetch_array($result)){
				echo $row['Map'];
				}

		mysql_close($con);
?>);
		var myOptions = {
			zoom: 4,
			center: latlng,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.getElementById("map_canvas"),
			myOptions);
	}

</script>
 //Here starts the code for the second map called by a button click 

<script type="text/javascript">
	var geocoder;
	var submap;

function createGMapFromAddress(){ 

	geocoder = new google.maps.Geocoder();
	var sublatlng = new google.maps.LatLng(0,0);
	var  map_options = { 
        	zoom: 4, 
		center: sublatlng,
        	mapTypeId: google.maps.MapTypeId.ROADMAP 
    	}       
    	var submap = new google.maps.Map(document.getElementById("placemap_canvas"), map_options); 
    	}  

function codeAddress(location){
alert(location);
	var address = location;
alert(address);
	geocoder.geocode({address: address}, function(results, status){
		if (status == google.maps.GeocoderStatus.OK && results.length){
			if (status != google.maps.GeocoderStatus.ZERO_RESULTS){
          map.set_center(results[0].geometry.location);

        }
      } else {
        alert("Geocode was unsuccessful due to: " + status);
      }
    });

  }

</script>

I am trying to build a status string for all the checkboxes on a form.
If the checkbox is checked add 127 to the string else add 0 to the string.
All works fine until i have just 1 checkbox on the form.
I then get an undefined error from alert(checkBoxes.length);

Any ideas ?

Code:

HTML

<form name="myform" method="POST" action="" onsubmit="return checkTheBox();">
<ul>
<li>
<input type="checkbox" name="col_box[]"  />
</li>
<li>
<input type="checkbox" name="col_box[]"  />
</li>
</ul>
<input type="submit" value="Submit Form" />
</form>

JAVASCRIPT

<script type = "text/javascript">
function checkTheBox() {
var checkbox_status ="";
var checkBoxes = document.myform.elements['col_box[]'];
alert(checkBoxes.length);
for (i = 0; i < checkBoxes.length; i++){
	if(document.myform["col_box[]"][i].checked){
checkbox_status = checkbox_status + "127,";
}
else {
checkbox_status = checkbox_status + "0,";
}
}
alert (checkbox_status);
}
</script>

When I try to assign an object to an array I get the error:

Uncaught TypeError: Cannot set property '0' of undefined

The array is defined as:
Code:

var animation_JD = [[]];

Here i try to assign an object (was working fine with single dimension array)
Code:

animation_JD[group][animationID] = (animation);

More code if people would like it:
Code:

        var group = params.group || "default";
	var animationID = getNextID_animator_JD(group);
	
	animation = new Object();
	animation.repeat = params.repeat || "1";
	animation.wait = params.wait || "never";
	animation.currentStage = 0;
	animation.currentFrame = 0;
	animation.active = false;
	animation.running = false;
	
	animation_JD[group][animationID] = (animation);
	
	return animationID;