JavaScript - Null?

For some reason i'm getting the error of "length is null". Which is from this .

Code:

function display_form(id) {
	//Create some variables
	var html = "";
	var container = "form_container";
	var menu = load_menu(id, false);

	//Get id
	 for ( var i = 0; i < menu.length; i++ ) {  
		alert(i);
	}
	
	http = getHTTPObject();
	http.onreadystatechange = function() {
		if ( http.readyState == 4 && http.status == 200 ) {
			document.getElementById(container).innerHTML = http.responseText;
		} else {
			document.getElemenyById(container).innerHTML = "Loading...";
		}
	}
	http.open( "GET", "includes/forms.php?form=" + id );
	http.send();
		
	//Watch input fields 
	//login_listener();
}/*

Here is the function:
Code:

function load_menu(menu, return_d) {
	//Availible menus
	var data = [];
	data [ 'login' ] = [ 'Login', 'Register', 'Recovery' ];
	data [ 'settings' ] = [ 'Profile', 'Account', 'something' ];
	
	 if (return_d == false) {
		return data[ menu ]; 
	} else {
		//Menu container ID's
		var cons = Array('menuitem1','menuitem2','menuitem3');
	
		for ( var i = 0; i < cons.length; i++ ) {
			document.getElementById(cons[i]).innerHTML += data[ menu ] [ i ];
		}
	}
}

Extra info:
id = login
menu = login

I need to check to see if a cookie has been previously created:

Code:

var startnum = readCookie('a1');
if (document.cookie.indexOf('a1') == -1){
var startnum = "0";
}

Should line 2 be:

Code:

if (document.cookie.indexOf('a1') == null){

?

Does == -1 do the same thing?

I'm guessing this question will be one of the easiest questions ever posted but I'm just not getting this fix. I have a simple Javascript program that calculates a users pace for their run. The inputs are done through an HTML Form.

The user can input hours, minutes, & seconds of their run. Then the distance number & measurment. Then finally the pace desired. I am having some trouble with null values in this program. If I input a 0 in hours and then fill everything out the program works great. 100%! But, if I leave the field blank and hit calculate I get a NaN. I'm guessing I need some kind of statement like if this value is null set it to zero but I am not having any luck with exactly what kind of syntax I need. So here is the code, again not very complex, any help would be greatly appreciated!


function calculateTime(){
var time_hour = parseInt(document.getElementById("time_hour").value);
var time_min = parseInt(document.getElementById("time_minute").value);
var time_sec = parseFloat(document.getElementById("time_second").value);
var dist_num = parseFloat(document.getElementById("dist_num").value);
var pace_choice = document.getElementById("pace_choice").selectedIndex;
var dist_choice = document.getElementById("dist_choice").selectedIndex;
var total_sec = (time_hour * 3600) + (time_min * 60) + (time_sec);

// Then I'm guessing my if statement would go here somewhere?

On my site I have a Javascript error in my FireBug console:

Year is 'null'

Code:

document.getElementById('year').options[i] = new Option(curr_year-i,curr_year-i);

here is my site:
http://harveys.blueplanetdns.com/harveys-shop/

Bonjour all. I am trying to activate a function once an iframe is closed. so i am trying to use: window.opener.pageUpdate(); which i get an error of

Error: window.opener is undefined
Source File: https://web111.secure-secure.co.uk/s...js/thickbox.js
Line: 270

Which lead me to believe that my parent window has not got a name so i used
window.name = "main"; in my parent and window.main.pageUpdate(); in the child and get same kind of error. Could someone please help me out!

Hi....I have an error in my script, but idk where it is..... here is the script:

Code:

<script type="text/javascript">
var browser = navigator.appName;
if (browser=="Netscape") {
document.getElementById(msg).style.display="none";
}
</script>
<div id="msg" style="width:100%;padding:3px;position:fixed;top:0px;left:0px;background:red;">Please install <a href="http://www.mozilla.org/sk/firefox/">Mozilla Firefox</a> to view this page normally.</div>

When i did a view source , checkbox names are displayed as MedicalAction_listOfTransfers_[0]__rowSelected'
so each checkbox has different name and id as well

all i am trying to do here is to put a checkall/uncheckall option , also in the jsp page we have a pagination
so is that something that cause the checkbox value as null ?



function MoveAll(){


var lengthofRecords = document.getElementById('resultsSize').value;
for (i = 0; i < lengthofRecords; i++){
var name = 'MedicalAction_listOfTransfers_'+i+'__rowSelected';
var checkBox = document.getElementById(name);
alert("check box B4: " + checkBox); - // I AM GETTING NULL VALUE HERE
checkBox.checked=checkBox.checked == false ? true:false;
alert("check box A4: " + checkBox.checked);
//checkBox.checked = checkBox.checked? true:false;
}

}

Please help i am newbie

Hi, im having a problem loading a webpage inside a frameset. This frameset is inside an iframe.

when i click the link in menu, it creates an iframe that load a frameset page (with two frames), the upper frame loads a webpage, this webpage in the body onLoad calls a javascript and passes a name of a webpage that must load in the other frame, the problem im facing is in the javascript, it returns null.
this is the code.

Code:

function doLoad(url) {
	
      var iFrameContent = document.getElementById('iframeContenido');
	  iFrameContent.document.getElementsByName('statuszone') = url;
	return;
  }

where 'iframeContenido' is the ID of the iframe that loads the frameset.
statuszone is the name tag of the frame where the url must be loaded.
this url is in the same domain.

why is this null?
any suggestions?

thanks in advance!

Hello,

I'm working on some php and javascript. I have php creating some forms using values from a database and wrapping them in divs called showform1, showform 2 etc

I then want to use Javascript to show one form at a time when I click on a tickbox.

So I've got it working so when you click on a checkbox and it shows the right form, but I want it to hide all the others first so it only shows one at a time if possible.

When I do this is errors saying document.getElementById(showform1) is null - it does this for all the forms not just the first one.

My php goes like this:

PHP Code:
$i=1;
//loop through all things in db
while ($info_query = mysql_fetch_assoc($info)) 
{
?>
  <label>Item <?php echo $i;?></label>
  <input type="radio" name="show" value="show" onclick="showhide(this.value,'showform<?php echo $i;?>')"/>
  //here's the div with the dynamically generated ID...  
  <div id="showform<?php echo $i;?>" style="visibility:hidden;height:0px;">
    <p> info for item 1 </p>
  </div>
  //increment the counter so the next div has a different name
  $i=$i+1;
}

My Javascript looks like this:

Code:

<script type="text/javascript">
function showhide(radval,divid)
{
  if(radval=="show")
  {
    <?php
    //hide them all first
    $i=1;
    while ($details_query = mysql_fetch_assoc($details)) 
    {?>
      var showform<?php echo $i;?>;
      document.getElementById(showform<?php echo $i;?>).style.visibility="hidden";
      document.getElementById(showform<?php echo $i;?>).style.height="0px";
      <?php 
      $i=$i+1;
    }
  //then show just the one ticked
  ?>
    document.getElementById(divid).style.visibility="visible";
    document.getElementById(divid).style.height="auto"
  }
}
</script>

the details and info queries are the same query...each looping through the same data.

It works if I don't hide all the values first, and shows each form when I tick the box, but if I try to hide them all and THEN make one visible, the first line that hides the divs always errors.

I've moved the JS around to the footer, the header in case its because stuff hasn't loaded yet, but it doesn't make sense as it has loaded to work to show the div.

Really appreciate your help.

Thanks,

Nicola

Hi All,

This code returns "result: unknown". A successful check for null should return "result: isNull".

Suggestions?

Code:

	var myValue = null;
	var myResult = "unknown";
	if (myValue == null) {
		myResult == "isNull";
	};
	alert("value: " + myValue
		+ "\nresult: " + myResult
	);

Hi,

I am getting an error on this code - sometimes! - and I'm not sure what it is. If I run this as is there is no error. If I add it into another page with other stuff it's ok for a while and then I get an error. So, I added my new page block my block to this code and waited for the error to appear so I could determine a conflict - but it was fine. And then a few clicks later the error.

This is the error in IE. In Firefox it seems to be fine lol.

Line 159
Char 3
'window.document.sendform.message_text' is null or not an object

Can someone make any suggestions?

Code:

 <script language="JavaScript" type="text/javascript">
  maxlen = 160;
  countLen();
	function countLen()
	{
		message_text = window.document.sendform.message_text.value;
		realLength = message_text.length;
		if (realLength>maxlen)
		{
			realLength = maxlen;
			window.document.sendform.message_text.value = message_text.substring(0,maxlen);
		}
		message_text = window.document.sendform.message_text.value;
		// del enter
    var m = message_text.match(/[\r\n]/);
    if (m !== null)
    {
        window.document.sendform.message_text.value = message_text.replace(/[\n\r]/g, '')
    }
		window.document.sendform.messlen.value=maxlen-realLength;
	}
	
</script>

 
 <cfset thismessage = "Hi, is this a start">
 
 
 
 <cfform action="step2.cfm" method="post" id="sendform" name="sendform">
 <cfoutput><textarea id="styled" name="message_text" onkeypress=countLen() onkeydown=countLen() onkeyup=countLen() onchange=countLen() onmouseover=countLen() rows="4">#thismessage#</textarea></cfoutput>
<table width="331" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="5"></td>
    <td width="26"><cfoutput>
      <input name="messlen" type="text" value="160" class="counterField" onFocus="this.form.message_text.focus();" /></cfoutput></td>
    <td width="300">characters remaining</td>
  </tr>
</table>
</cfform>

Thanks! Much appreciated!

Kind regards,

jo

Problem/Error: JavaScript/AJAX not returning values correctly...

The JavaScript/AJAX is printing "null" into the chat_div where the tag name is "user". But in those tags there is actually data, this data is a link. I am thinking that it may be returning the first childNode which would be the <a>? I don't fully understand nodes, but I have had a quick read about them.

PHP:
PHP Code:
<?php
//Headers
header("Expires: Mon, 01 Dec 1990 05:00:00 GMT" );
header("Last-Modified: " . gmdate( "D, d M Y H:i:s" ) . "GMT" );
header("Cache-Control: no-cache, must-revalidate" );
header("Pragma: no-cache" );
header("Content-Type: text/xml; charset=utf-8");

require("connect.php");
mysql_select_db($dbname, $con);

//Variables
$ses = explode(".", $_SESSION['user']);
//User ID of user currently logged in
$sid = $ses[2];

//Number of last message which was displayed, if does not exist or has no value then
//last message will be 0.
$last_mess = (isset($_GET['m']) && $_GET['m'] != "") ? $_GET['m'] : 0;
$last_mess = mysql_real_escape_string($last_mess);

$chat = mysql_real_escape_string($_GET['chat']);
//Counter for counter number of errors
$i = 1;

//Send message
if (isset($_POST['message']) && $_POST['message'] != "") {
    //Variables
    $chat = mysql_real_escape_string($_GET['chat']);
    $message = mysql_real_escape_string($_GET['message']);
    
    $query = "INSERT INTO message (chat_id, user_uid, recipient_uid, message, post_time) VALUES (".
             $chat.", ".$sid.", ".$rid.", ".$message.", NOW())";
    mysql_query($query);
}

//Get current chat
if (isset($_GET['chat'])) {
    $xml = '<?xml version="1.0" ?><root>';
    $query = "SELECT * FROM message WHERE chat_id = ".$chat." AND msg_id > ".$last_mess;
    $result = mysql_query($query);
    while ($row=mysql_fetch_array($result)) {

        //Get name of sender
        $get_name_query = "SELECT * FROM users WHERE uid = '".$row['user_uid']."'
                           OR uid = '".$row['recipient_uid']."'";
        $get_name = mysql_query($get_name_query);
        if (!$get_name) { //If there is no result display error
            echo "Error $i: Error getting usernames! <br /> Query: $get_name_query <br />MySQL Error: ".mysql_error().
                 "<br /><br />";
            $i++;
        }
        //While result is being got get first name and upper case first letter.
        while ($row2=mysql_fetch_array($get_name)) {
            $name = explode(".",$row2['full_name']); $first_name = $name[0];
            $userid = $row2['uid'];
            $sent_by = "<a href=\"../profile.php?user=".$userid."\">".ucfirst($first_name)."</a>";
        }
    
        //Write message contents
        $xml .= '<message id="' . $row['msg_id'] . '">';
        $xml .= '<user>' . $sent_by . '</user>';
        $xml .= '<text>' . $row['message'] . '</text>';
        $xml .= '<time>' . $row['post_time'] . '</time>';
        $xml .= '</message>';
    }
    $xml .= '</root>';
    echo $xml;
}
?>

JavaScript/AJAX:
Code:

function getMessage() {
    if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
        var url = "scripts/get_data.php?uid=<?=$uid?>&m=" + lastMess + "&chat=1";
        receiveReq.open("GET", url, true);
        receiveReq.onreadystatechange = manageMessage;
        receiveReq.send( null );
        lastMess++;
    }
}
        
function manageMessage() {
    if( receiveReq.readyState == 4 ) {  // request complete
        var chat_div = document.getElementById( 'chat' );
        var xmldoc = receiveReq.responseXML;
        var msg_nodes = xmldoc.getElementsByTagName( 'message' );
        var n_msg = msg_nodes.length;
        for( i = 0; i < n_msg; i++ ) {
            var user_node = msg_nodes[ i ].getElementsByTagName( 'user' );
            var time_node = msg_nodes[ i ].getElementsByTagName( 'time' );
            var text_node = msg_nodes[ i ].getElementsByTagName( 'text' );
            //Display message
            chat_div.innerHTML += user_node[ 0 ].firstChild.nodeValue + "<br />";
            chat_div.innerHTML += time_node[ 0 ].firstChild.nodeValue + "<br />";
            chat_div.innerHTML += text_node[ 0 ].firstChild.nodeValue + "<br /><br />";
        }
    }
}

More info:
The PHP is displaying the data properly, like so:

XML:
Code:

<root>
    <message id="1">
        <user>
           <a href="../profile.php?user=4">Nicholas</a>
        </user>
        <text>testing stupid chat thing</text>
        <time>0000-00-00 00:00:00</time>
    </message>
    <message id="2">
        <user>
           <a href="../profile.php?user=4">Nicholas</a>
        </user>
        <text>dsadasfsdfsggsdgrgsdgfd</text>
        <time>2010-04-22 19:17:16</time>
    </message>
    <message id="3">
        <user>
           <a href="../profile.php?user=4">Nicholas</a>
        </user>
        <text>gfgdgsegegsgfawdfwdfasfa</text>
        <time>2010-04-14 17:28:07</time>
    </message>
</root>

What is being displayed on the page:
Code:

null
0000-00-00 00:00:00
testing stupid chat thing

null
2010-04-22  19:17:16
dsadasfsdfsggsdgrgsdgfd

null
2010-04-14 17:28:07
gfgdgsegegsgfawdfwdfasfa

When looping thru a group of elements and using getNamedItem('itemname').value there are some elements that are going to have a null value for that particular getNamedItem... the problem is that you cannot test this value to see if it's null because it generates an error instead, and the code does not continue: _allnames[_j].attributes.getNamedItem("onchange") is null

You cannot even test it for null like this:
if (_allnames[_j].attributes.getNamedItem("onchange").value != null) { do something }
This will also generate an Error instead of testing to see if it is null.

How do you test getNamedItem for null to avoid this error?

EDIT: It appears that the problem is limited to Firefox. It works fine in IE7, but the error occurs in both FF v3.5.4 and in v3.5.5!

Thanks

In my example below, there are no elements that match, so you should see an alert box that says 'No match', but (using Firebug) you will see that an error is generated when it tries to find the value of onchange in the last input tag.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <script type="text/javascript">
    function myLoad() {
      //Add some text beside the Zip/Postal Code box
      var _match = false;
      var _cell = 0;
      var _allnames = document.getElementsByName('zip_code'); //Get all the TD tags
      var _len = _allnames.length; //How TD tags are there?
        for (_j=0; _j<_len; _j++) { //Loop thru each child
          _nodetype = _allnames[_j].nodeType;
          _name = _allnames[_j].attributes.getNamedItem('name').value;
          _onchange = _allnames[_j].attributes.getNamedItem('onchange').value;
          _type = _allnames[_j].attributes.getNamedItem('type').value;
          _size = _allnames[_j].attributes.getNamedItem('size').value;
          if (_nodetype == 1) {
            if ( (_name == 'zip_code') && ( _onchange == 'zip_changed();') && (_type == 'text')  && (_size == '10') ) { //Look for these specific things to get the correct node (INPUT tag in this case)
              _match = true;
              alert('Match found');       
              var _old_node = _allnames[_j]; //This is the INPUT tag we were looking for
              var _new_node = document.createTextNode(' Enter NONE if this does not apply'); //This is the text we will add on the end of it
              _allnames[_j].parentNode.insertBefore(_new_node, _old_node.nextSibling); //insertBefore inserts before the element, but using targetElement.nextSibling inserts it after instead (insertAfter is deprecated)!!
            }
          }
        }
      if (_match != true) {
        alert('No match');    
      }
    }
  </script>
  </head>
  <body onLoad="myLoad();">
    <table class="zipncountry" border="1">
      <tr> 
        <td>1</td> 
        <td>2</td> 
        <td>3</td> 
      </tr> 
    </table>
    <br>
    <table border="3">
      <tr>
        <td>4<input type="hidden" value="" ></td>
        <td>5</td>
        <td><input type="text" name="zip_code" value="123" size=11 maxlength=20 onChange="zip_changed();"><input type="hidden" name=zip_code value="321" maxlength=20 ></td> 
      </tr> 
    </table>
    <br>
    <table class="zipncountry" border="5">
      <tr> 
        <td>7</td> 
        <td>8</td> 
        <td>9</td> 
      </tr> 
    </table>
  </body>
</html>

Hello,

I'm working on web apps for a company and unfortunately the websites work in Mozilla, chrom and IE9 but not in IE8.

In IE8 the error message "undefined is null or not an object" is pointing to this line:

temp = val.replace(/-/g, "/");

That line is inside a function. I'm not sure how to troubleshoot this...any help would be appreciated.

Hi,

I'm trying to build this grease monkey script, which runs on all pages, and simply deletes all iframes that have no content loaded in them.

I have a hosts file with many ad servers which are blocked. This leaves ugly holes in the page and I am trying to remove these empty iframes.


Plz help