ansaurus

Question

how to find no of div inside a form? and assign the no to a variable for next and previous buttons?

Answer 1

A:

Remember that the getElementsByTagName will return elements regardless of heiracy in the DOM tree relative to the form node, instead you should evaluate the childnodes of the form element to see which are divs.

For example:

var nodes = document.getElementById("form").childNodes;

var cnt = 0;
for (var i = 0, l = nodes.length; i < l; i++) {
    if (nodes[i].tagName == "DIV") cnt++;
}

Raybiez 2010-07-15 09:51:23

Answer 2

A:

I think it is simpler to work with the div elements directly, instead of using the number of elements and then using a dynamically created id to access the div-element. Thus, I would try to do it as follows:

<html>
<head><title>Test</title></head>
<body>
..

<script language="javascript" type="text/javascript">
<!--
var current;
window.onload = function() {
  current = findNext(document.getElementById('form_name').firstChild);
  if(current) {
    current.style.background = 'green';
  }
};

function findNext(begin) {
  var current = begin.nextSibling;
  while(current && (current.nodeType!=1 || current.tagName!='DIV')) {
    current = current.nextSibling;
  }
  return current;
}

function findPrev(begin) {
  var current = begin.previousSibling;
  while(current && (current.nodeType!=1 || current.tagName!='DIV')) {
    current = current.previousSibling;
  }
  return current;
}

function setNext() {
  if(current) {
    var tmp = findNext(current);
    if(tmp) {
      current.style.background = '';
      tmp.style.background = 'green';
      current = tmp;
    }
  }
}

function setPrev() {
  if(current) {
    var tmp = findPrev(current);
    if(tmp) {
      current.style.background = '';
      tmp.style.background = 'green';
      current = tmp;
    }
  }
}

//-->
</script>

<form id="form_name">
 ...
 <div> .. </div>
 <div> .. </div>
 <div> .. </div>
 <div> .. </div>
...
 <input type="button" onclick="setPrev()" value="Previous"/>
 <input type="button" onclick="setNext()" value="Next"/>
...
</form>

..

</body>
</html>

Javaguru 2010-07-15 10:05:14

ansaurus

tags:

views:

answers:

how to find no of div inside a form? and assign the no to a variable for next and previous buttons?

related questions