JavaScript - All Nodes Values Null After Parsing

I need to get the ID of all the nodes withing a DIV.

How do I do that?

Thanks,
C

I have your typical AJAX function that doesn't seem to be working quite well. :<

Here's the relevant portion of the StateChange function:

Code:

function StateChange()
{
  if(ttajax.readyState==4)
  {
    xmlDoc=ttajax.responseXML;
    if (!xmlDoc) {return;}

    var x=xmlDoc.documentElement.childNodes;
    var AlertVal = '';
    for (var i=0;i<x.length;i++)
    { 
      if (x[i].nodeType==1)
      {
        AlertVal += x[i].nodeName + ": " + x[i].firstChild.nodeValue + "\n";
//        AlertVal += x[i].nodeName + ": " + x[i].childNodes[0].nodeValue + "\n";
      } 
    }
    alert(AlertVal);


    var gameid = xmlDoc.getElementsByTagName('gameid')[0].childNodes[0].nodeValue;
    // Other ****
  }
}

Note the testing function there... It DOES return the Node Name! However, the firstChild/childNodes[0] is "null", and I cannot pull the nodeValue from it. :<

Here is a sample XML bit it's being tested on:

Code:

<?xml version="1.0" encoding="ISO-8859-1"?>
  <game>
    <gameid>16</gameid>
    <turn>24262</turn>
    <notturn>15010</notturn>
    <dateline>1275511672</dateline>
    <hcount>6</hcount>

    <ccount>4</ccount>
    <turn_html><![CDATA[
--Snipped--
]]></turn_html>
    <board_html><![CDATA[
--Snipped--
]]></logs_html>

    <cactivate>60580</cactivate>
    <cactivate>65401</cactivate>
    <cactivate>78720</cactivate>
    <cactivate>80275</cactivate>
    <sactivate>0</sactivate>
    <sactivate>1</sactivate>

    <sactivate>2</sactivate>
    <sactivate>3</sactivate>
    <sactivate>4</sactivate>
    <sactivate>5</sactivate>
    <sactivate>6</sactivate>
    <sactivate>7</sactivate>

    <sactivate>8</sactivate>
  </game>

Any help would be appreciated, thanks.

what's the fastest or easiest way to get all comment nodes into an Array?

the solution only needs to work in ie8/w3 if that helps.

I got this code

Code:

   Div= document.createElement("div");
	 Table= document.createElement("table");
	 Table.setAttribute("style","width:100px;height:100px;background-color : #708090;");
 	 Table.setAttribute("bgColor","#708090");
	 tr=document.createElement("tr");
	 td=document.createElement("td");	
	 text=document.createTextNode(aText); 
	 myTableBody = document.createElement("TBODY")
	 td.appendChild(text); 	 
	 tr.appendChild(td); 
	 myTableBody.appendChild(tr); 
	 Table.appendChild(myTableBody); 
	 Div.appendChild(Table); 		  

   document.getElementsByTagName('body').item(0).appendChild(Div);

Now it all works fine with the exception of the
Code:

	 Table.setAttribute("style","width:100px;height:100px;background-color : #708090;");

so I was wondering how do I set the style attribute in the table node?

I am trying to write a little Greasemonkey script to insert links to open mp3s in the Google Player. It is supposed to insert "(play)" next to these links. (play) is a span element consisting of a text node "(", a link/"a" element, and another text node ")".

However, instead of inserting these new links next to each old link, it is putting them all in a row next to the very first mp3 link!

For example, if there are 3 mp3 links found on the page, the following is inserted next to the first links: (play(play(play)))

When the loop iterates over the whole array (i < links.length), the browser hangs until Firefox's slow script notification pops up and I click "Stop script"; then I see the nested links all next to the first mp3 link.

Additionally, the url itself is strange. Just looking at it, you'd think I was running a recursive function, but I'm not! The URL with a limited for loop (x < 21): http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://www.hackerpublicradio.org/eps/hpr0924.mp3&autoPlay=true&autoPlay=true&autoPlay=true&autoPlay=true&autoPlay=true&autoPlay=true&autoPlay=tru e.

Here is the script. I have been using the site http://www.hackerpublicradio.org for my testing.
Code:

var links = document.getElementsByTagName('a');
for (var i=0; i < links.length; i++) {
	var x = links[i];
	var url=x.href;
	if (url.search(/.*\.mp3/i) != -1) {
		var plink = document.createElement("a");
		plink.href = "http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=" + url + "&autoPlay=true";
		plink.target = "_blank"; //open in new tab
		plink.appendChild(document.createTextNode("play"));
		
		var pspan = document.createElement("span");
		pspan.style.fontSize = "90%";	
		var openb = document.createTextNode("(");
		var closeb = document.createTextNode(")");
		pspan.appendChild(openb);
		pspan.appendChild(plink);
		pspan.appendChild(closeb);

		x.parentNode.insertBefore(pspan, x.nextSibling); 
	}
}

No errors are showing up in the console. I've only tested it in Firefox 10. Please help me figure out where I'm going wrong!

i am interested in using RaphaelJS for creating VML/SVG rounded corners etc, but unless i physically put the <script> right after the element to which it needs to be applied, i have to rely on the single DOM load() event. which causes a delay before any script is executed,...thus a FOUC (flash of unstyled content).

i'm guessing there is no way to track when individual elements are loaded into the DOM via a CSS filter or similar, or another way around this other than having <script> in the body or just dealing the the load delay?

thanks,
Leon

Hi
I've implemented Busybox on a website to display FLV files in a popup player. This works fine, except for the following error in IE (FF is fine) when I close the popup: 'null' is null or not an object

I think I've narrowed it down to the following block of code, but am stuck as to what to do from here.

Code:

var cl = new Element('img',{
		'styles':{
			width:'24px',
			height:'24px',
			position:'absolute',
			top:'-20px',
			right:'-20px',
			'z-index':'100000'
		},
		'src':'bumpbox/closed.png',
		'id':'closer'
	})

cl.addEvent('click',function(e){
			e = new Event(e).stop();
		
			bg.dispose();
			$(el).getChildren().dispose();
			eff2.start({
			  'width':[maxw,1],
			  'height':[maxh,1],
			  'left': [endleft,middleH],
			  'top':  [endtop, middleV+s]
			 })
		})

The IE error is just giving me line number 1 of the php, but the error, I'm sure, lays in the Javascript.

Many thanks

I'm developing a simple game that involves a system of interconnected nodes with unidirectional travel between nodes (similar to the circulation system!). The goal of the game is to get from a starting node to an ending node, which can be a variable number of nodes away.

The program picks a random starting point, then randomly chooses one of its connecting nodes (cNodes) and pushes it onto a pathArray. A cNode is randomly chosen from this new node and it is pushed onto the pathArray. This continues for a designated number of turns, thus generating a pathArray (invisible to the player). The last element in the pathArray is the endNode and the goal of the puzzle.

At each node the player is given two options of travel (though there may be more than two ways to go). One of these options MUST be the correct way if the player has not deviated from the path up until that point. If the player has deviated, this option can be any cNode. The other node is any cNode that does not lead to the endNode.

The following code contains a simplified list of nodes that represents the content in my game. The function, however, is taken word for word. In this snippet, the pathArray & startNode have already been generated and I am trying to resolve how to assign "nodeChoice" as either the correct direction of travel (for a player on the correct path) or any random cNode (for a player who has deviated from the path). Keep in mind that the pathArray and cNodes lengths can be any size.

Code:

<script>

//NODES:
var nodeA = {name:"A"};
var nodeB = {name:"B"};
var nodeC = {name:"C"};
var nodeD = {name:"D"};
var nodeE = {name:"E"};
var nodeF = {name:"F"};
var nodeG = {name:"G"};
var nodeH = {name:"H"};
var nodeI = {name:"I"};
var nodeJ = {name:"J"};
var nodeK = {name:"K"};
//An array of all nodes in the system:
var systemArray = [nodeA, nodeB, nodeC, nodeD, nodeE, nodeF, nodeG, nodeH, nodeI, nodeJ, nodeK];

//Connecting Nodes (cNodes):
//(uni-directional, but cyclical)
nodeA.cNodes = [nodeB, nodeC];
nodeB.cNodes = [nodeD, nodeE, nodeF];
nodeC.cNodes = [nodeF, nodeG];
nodeD.cNodes = [nodeI, nodeH];
nodeE.cNodes = [nodeJ];
nodeF.cNodes = [nodeK];
nodeG.cNodes = [nodeK];
nodeJ.cNodes = [nodeA];
nodeK.cNodes = [nodeA];
nodeI.cNodes = [nodeA];
nodeH.cNodes = [nodeA];

//The path chosen (generated from code not included here)
var pathArray = [nodeA, nodeB, nodeE, nodeJ];

//nodeChoice will represent a cNode from any given node
var nodeChoice;

//chooseNode is supposed to assign nodeChoice the next element in pathArray if the player on on the right path (if at nodeB, nodeChoice = nodeE).
//However, if the user has taken a different path, its cNodes will not be in pathArray in which case a random cNode is assigned to nodeChoice
function chooseNode(_node) {
	//check each cNode to see if any are in pathArray
	for (var j = 0; j < _node.cNodes.length; j++) {
		//if a cNode is in pathArray, then we know to assign it nodeChoice...
		if (_node.cNodes[j] in pathArray) {
			nodeChoice = _node.cNodes[j];
			console.log("choiceNode CORRECT: " + nodeChoice.name); //(for debugging purposes only)
		}
		//...otherwise don't do anything in this forLoop/ifStatement
	};
	//if by this point nodeChoice is still undefined, meaning none of the current node's cNodes are in pathArray, assign it any one of its cNodes.
	if (nodeChoice == undefined) {
		nodeChoice = _node.cNodes[Math.floor(Math.random()* _node.cNodes.length)];
			console.log("choiceNode INCORRECT: " + nodeChoice.name);//(for debugging purposes only)
	};	
};

//Runtime:

chooseNode(nodeB);
//Result should be only nodeE.name since nodeD is not in the pathArray...
console.log(nodeChoice.name);

</script>

...however, nodeChoice is assigned either D, E or F randomly and we are given the troubleshooting statement "choiceNode INCORRECT: D (or) E (or) F", indicating that the if-in statement is always ignored.

I know that the if-in statement doesn't work but am not sure how else to write it so that each cNode is compared the each element in pathArray, both of which can be of variable lengths...

Hi gud mng,

I have one problem...

How to process textbox values/ call textbox values in JS through a Java program.
My text box values are dates. I have to process these dates.

Like in online banking we select day to know our transactions. After submitting we get results. remember my files are in my directory only. No need of database.

My files are look like 20100929, 20100930, 20101001

For epoch_classes.js, epoch_styles.css u can download coding from this link : http://www.javascriptkit.com/script/...ch/index.shtml


Code:


Code:

<html>

<table width="900" border="0" cellpadding="10" cellspacing="10" style="padding:0"> 
<tr><td id="leftcolumn" width="170" align="left" valign="top"> 
<div style="margin-left:0px;margin-top:0px"><h3 class="left"><span class="left_h2">Select Option</span></h3> 
<a rel="nofollow" target="_top" href="day_wise.htm" >Day-wise</a><br />  <br />
<a rel="nofollow" target="_top" href="between.htm" >Between Days</a> 

<link rel="stylesheet" type="text/css" href="epoch_styles.css" />


<script type="text/javascript" src="epoch_classes.js"></script>

<script type="text/javascript">

var cal1, cal2;      
window.onload = function () 
{
cal1= new Epoch('epoch_popup','popup',document.getElementById('popup_container1'));
cal2= new Epoch('epoch_popup','popup',document.getElementById('popup_container2'));
};

/*............*/
function confirmation(f) 
{
	
	var startdate = f.fromdate.value
        var enddate = f.todate.value
        var myday=new Date()

        var yr=myday.getFullYear()
        var mn=myday.getMonth()+1
        var dt=myday.getDate()

        var today=""
        var present, ys, ms, ds, ye,me,de, start, end
           
        if(mn < 10) {  mn = "0" + mn }

        if(dt <10) { dt = "0" + dt } 
 
        today= yr + "/" + mn + "/" + dt
	
        present=yr + "/" + mn + "/" +dt

                     
        if (today < startdate ) 
           {
            alert (" Start date should not be exceed to-day's date " + present )
            startdate.focus()
            return false
           } 
  
        if (today < enddate )
           {
            alert (" End date should not be exceed to-day's date " + present )
            enddate.focus()
            return false
           }

         

         if (today == startdate ) 
           { 
            alert(" You are selected to-days date as Starting day" );
           

            }
   
        var answer = confirm("Do you want to continue ?")        

        if (answer)
           {    if( startdate < enddate)         
		 alert("Dates between " + startdate + " to " + enddate + " are confirmed" )
		else
                  alert("Dates between " + enddate + " to " + startdate + " are confirmed" )     
	   }
	
        else
           {
		alert("Date not confirmed")
                window.location="to_date.htm"; 
           }

        ys= startdate.substring(0,4);
	ms= startdate.substring(5,7);
	ds= startdate.substring(8,10);

        start=ys + "" + ms + "" +ds          
  
        ye= enddate.substring(0,4);
	me= enddate.substring(5,7);
	de= enddate.substring(8,10);
 
        end=ye + "" + me + "" +de

      
}
/*.......................................................*/
</script>

<div style="margin-left:100px;">


<body>
<style type="text/css">
#conf
{
margin-left:115px;
} 
</style>


<td align="left" valign="top"> 
<table width="100" border="0" cellpadding="0" cellspacing="0"> 
<td style="padding-top:0px"> 
</table>

<h4>From Date</h4>

<form name= "formbet" id="placeholder" method="post" action="#" >
<input id="popup_container1" type="text" name= "fromdate" maxlength="10" size="20"/>


<td align="left" valign="top"> 
<table width="300" border="0" cellpadding="0" cellspacing="0"> 
<td style="padding-top:20px"> 


<h4>To Date</h4>
<input id="popup_container2" type="text" name= "todate" maxlength="10" size="20"/> <br /> <br />
<input id="conf" type="button" onclick="confirmation(this.form)" value="Submit">
</form>


</body>
</html>

In my coding, ys, ms, ds represents year starting, month starting, starting day...
ye, me, de represents end...

start,end gives file names in the format of yyyymmdd

now i want to process files from 20100101 to 20100930

means from date is 2010/01/01 and to date is 2010/09/30

if i press submit button the files from 20100101 to 20100930 are processes

here ys=2010 ms=01 ds =01 and ye=2010 me=09 de= 30

For this how do i call these textbox values (from date text box and todate) to another program (java)

Thanks in advance.

I have a bunch of checkboxes like below that the user can check some or all and click the button and see the values of all the selected checkboxes. How can I do that?

Code:

<script>
function alertValues(){


}
</script>


<input type="checkbox"  class ="normal2" value="131971" name="list[]" >
<input type="checkbox"  class ="normal2" value="131973" name="list[]" >
<input type="checkbox"  class ="normal2" value="131975" name="list[]" >
<input type="checkbox"  class ="normal2" value="131977" name="list[]" >

<input type="button" onClick="alertValues()"

I know that unlike PHP, NULL in JavaScript must be quoted as a string. Does it matter if you use single or double quote?

Hi,
What's a good way/ideal data structure to achieve this?

The objective of the code/function is to map user-inputted strings into a pair of specific, hard-coded strings. For example, say the user types "firefox" or "ff", or "fx". The output would be the pair ["browser", "mozilla"], for example.

I'm currently using a multidimensional array, but it feels inefficient and I'm having trouble mapping an arbitrary number of inputs into 2 outputs.

Code:

var strings = [ ["input1", "output1a"],
                ["input2", "output1a"],
                ["input3", "output1a"],
                ["input1", "output1b"],
                ["input2", "output1b"],
                ["input3", "output1b"]
              ];

How should I map the elements ["input1", "input2", "input3"] => ["output1a", "output1b"] ?

Another method I used previously was a massive switch statement. This fulfills my needs, but I'm not sure about the efficiency (though if I remember correctly, switch statements become more efficient as size grows, since it uses a hash table?).

Code:

switch (input) {
    case "ff": case "firefox": case "fx" : case "ffox":
        return ["browser", "mozilla"];
    case "ie": case "internet explorer":
        return ["browser", "microsoft"];
    ...
}

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?

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