ChildNodes.length
Jan 4, 2006
I have a problem with getting the amount of childs in a XML structure,
the strucure is somewhat like the following:
<?xml version="1.0" encoding="iso-8859-1"?>
<cms>
<num>21</num>
<xmlnames>
<field>id</field>
<field>name</field>
<field>availablefrom</field>
<field>availableuntill</field>
<field>owner</field>
</xmlnames>
</cms>
If I use the following to get te amount of childs for xmlnames I get an
amount of 11:
xmlObj.responseXML.getElementsByTagName('xmlnames' )[0].childNodes.length
Is this wrong or maybe there is a better / other way of counting the
child amount?
View 3 Replies
ADVERTISEMENT
Jan 11, 2011
I need to find the length of the childNode "city" to a particular "region" in the below XML.
<?xml version="1.0" encoding="ISO-8859-1" ?>
<Country Name="Singapore">
<Region Name="East">
<City Name="Pune">
<Dealer Name="XYZ" Type="A" Contact="9890455555" PinCode="123456"/>
<Dealer Name="ABC" Type="B" Contact="9890433333" PinCode="654321"/>
<Dealer Name="DEF" Type="A" Contact="9890422222" PinCode="867901"/>
</City>
<City Name="Mumbai">
<Dealer Name="dealer1" Type="A" Contact="9890455555" PinCode="123456"/>
<Dealer Name="dealer2" Type="B" Contact="9890433333" PinCode="654321"/>
<Dealer Name="dealer3" Type="A" Contact="9890422222" PinCode="867901"/>
</City></Region>
<Region Name="North">
<City Name="Delhi">
<Dealer Name="XYZ" Type="A" Contact="9890455555" PinCode="123456"/>
<Dealer Name="ABC" Type="B" Contact="9890433333" PinCode="654321"/>
<Dealer Name="DEF" Type="A" Contact="9890422222" PinCode="867901"/>
</City>
<City Name="Jammu">
<Dealer Name="dealer1" Type="A" Contact="9890455555" PinCode="123456"/>
<Dealer Name="dealer2" Type="B" Contact="9890433333" PinCode="654321"/>
<Dealer Name="dealer3" Type="A" Contact="9890422222" PinCode="867901"/>
</City></Region></Country>
Example the Region is East it has 2 cities below. I need to get this length using JS.
I tried doing x=xmlDoc.getElementsByTagName("City").length;
But it counts all the city elements present i.e. it returns 4. How to get the length of the "City" element particular to a "Region" element.
View 10 Replies
View Related
Jul 11, 2006
this should be simple but I cannot figure it out. This is the HTML:
HTML Code:
<div id="box">
<p>one</p>
<p>two <strong>three</strong></p>
...
</div>
The JavaScript function has to take everything inside <div id="box"> and put it into another div. It should become:
HTML Code:
<div id="box">
<div class="content">
<p>one</p>
<p>two <strong>three</strong></p>
...
</div>
</div>
So how can I get all childNodes recursively to enclose them with another element?
View 2 Replies
View Related
Jan 7, 2007
I am starting to learn using javascript on DOM. One of the first things
I tested was listing all the child nodes from an element. Like ->
*html code:
<div id="pagetitle">
<span>My Text</span>
</div>
In my javascript I tried to list all the child nodes from <div>, Firefox
and Opera gave me 3 -- 1)text node with a null value, 2)span, 3)text
node with a null value.
It look to me that the browsers treated the line break as a text node
with no value!!
If I modified the html code to :
<div id="pagetitle"><span>My Text</span></div>
Then the browsers gave me the right answer: 1
They still gave me a wrong answer of 3 if I put a space around the
<spanelement like this:
<div id="pagetitle"<span>My Text</span</div>
What did I do wrong? I would still want the elements to be on their own
lines.
View 2 Replies
View Related
Dec 26, 2003
i wrote a very simple HTML page to test some DOM features between Mozilla and IE. Mozilla is perfect everything went fine and i got the childNodes from my custom tag ( this tag i named <blah> ), inside this tag there is two <span>, that i retrieved. But with IE i really could figure out how its done! Code:
View 1 Replies
View Related
May 20, 2005
I wanna get all the text nodes of the children of an element. The goal is to get an array with all the textNodes in each cell of a table, without any other nodes that might ocure whithin that cell (<p>, <br> etc...)
I mean if:
<td>12</td>
<td>1<p>23<b>34</b>5</p>6</td>
I need:
var txt = new Array()
txt[0] = ཈'
txt[1] = ?'
Now I had to circle through all the childNodes to extract all the text nodes. I have build a function, but something is wrong in the code, and I don't sense what. I need soime fresh eyes, any ideeas? Where's the mistake?:
<script type="text/javascript">
function checkCell(){
var allC = document.getElementById('tab').getElementsByTagName('td');//cells' collection
var txt = new Array()
for(var i=0;i<allC.length;i++){
txt[i]=''
while(allC[i].hasChildNodes()){
var chC = allC[i].childNodes;
for(var j=0;j<chC.length;j++){
if(chC[j].nodeType==3){
txt[i]+=chC[j].data;
}
}
allC[i]=allC[i].childNodes;
}
}
alert(txt[1])
}
onload=checkCell;
</script>
View 8 Replies
View Related
Mar 14, 2006
I have a script that automatically makes the class change for an input field onFocus. Everything works in both IE and Firefox with the inputs, but I am having trouble with an image inside of a link in Firefox. I am using a link instead of a input type="submit" for IE reasons. Code:
View 7 Replies
View Related
Jul 19, 2005
if I have:
<form id='form1'>
<input id='one' value=''>
<input id='two' value=''>
</form>
is there a way for me to check the child nodes of the <form> element for a specific id. in other words, can I check if form1 contains an element with id 'one' for example?
View 17 Replies
View Related
Nov 23, 2005
I have a div 'readroot' that I clone. I change the change the id and
name of the childnodes of 'readroot' to the original name plus a
number(counter).
The problem is I have i have a div 'serials' inside 'readroot' and the
childnodes of 'readroot' are not modified with the current function i have.
What is the best way to modify the childnodes of the div serials?
I guess i could put another for loop inside the for loop of the
moreFields function but i am thinking a recursive function could do it. Code:
View 2 Replies
View Related
Nov 11, 2010
I have a javascript for a tree view but i need to change it according to the requirement. Lets start with example with the treeview as follow:
1 Door phone
1.1 Ready Kits
1.1.1 Audioset
1.1.2 Videoset
[Code]....
Now the thing is in the current treeview a single category is open at a time. like if 1.1.1 is open 1.1.2 will b closed and similarly if 1.1 is open...1.2 will b closed. But i want that when i click on 1(Door phone) ie Door phone...evry node should be opened instead of just one similary when i click on 2(CCTV), all its node should be opened.
View 7 Replies
View Related
Aug 16, 2006
From what I've read, everything in the DOM is a node. Basically there are three types of nodes: text, element and attribute (there are more node types but these are the most common).
Let's say I have the following html:
<html>
<form>
<p></p>
</form
</html>
Then this javascript:
var forms = document.getElementsByTagName("form")
var form = forms[0];
alert(form.childNodes.length); /* output is 3 */
I would think that the output should be 2 as I only see 2 childNodes for the form object: the <p> element is an element node and the <p> element has a text node, so that's a total of 2 nodes. Where is the 3rd one comming from.
To add to the confusion, if I change the html to:
<html>
<form>
<p title="jeff" id="22"></p>
</form
</html>
The above javascript still outputs 3. I would think that the output is 4:
- 1st node is the <p> element
- 2nd node is the <p> element's attribute node "title"
- 3rd node is the <p> element's attribute node "id"
- 4th node is the <p> element's text node
Obviously I'm not correctly comprehending how childNodes are determined.
View 7 Replies
View Related
Sep 21, 2006
I want to count the number of childnodes, when i run this script in mozilla i get a different total for the number of childnodes from numkids then when the script runs in IE. Why is this? How Can I get the same number. I want to loop though an objects child elements setting them to invisible or visible
<script type="text/javascript"><!--
function rec(n) {
var kids = n.childNodes;
var numkids = kids.length;
for(var i = numkids-1; i>=0; i--)
{
// sets child to hidden
alert(numkids);
alert(kids[i].nodeValue);
//kids[i].style.visibility = 'hidden'
}}
var a = document.getElementById('commentholder0');
// this function loops though the parts and makes then invisiable so you cant see them overlap
rec(a);
</script>
My html is here:
<ul id= "commentholder0" >
<li id="comment1">this is a test</li>
<li id="comment2">this 2 is a test</li>
</ul>
View 2 Replies
View Related
Jul 23, 2005
i'm working on a portion of a CMS that allows content-admins to browse
a product list, and add individual products into the taxonomy by
clicking checkboxes next to categories they might belong in.
since the taxonomy is a rather long list, i'm hiding and showing divs
for the secondary and tertiary links, so when a user clicks on the
checkbox for the parent category, the children appear in a second (and
third) div, with checkboxes of their own.
however, i'd like for the secondary and third level checkboxes to
become unchecked when the parent is. i've tried addressing them in
numerous ways, but something consistently gets lost, in that i keep
getting "x doesn't have any properties" errors.
ie:
var parentnode = document.getElementById(divName);
var allMyChildren = parentnode.childNodes.getElementsByName("INPUT");
alert(allMyChildren.length);
this returns the proper length, but then
for (var i=0;i < allMyChildren.length;i++) {
var chklist = allMyChildren[i];
if (chklist.type == "checkbox") {
// uncheck it
}
}
this consistently returns that chklist has no properties...
View 7 Replies
View Related
May 15, 2010
Is there a way to calculate the .offsetLeft or .left of a character in a string relative the element that contains the string? I'm just trying to wrap each character in an element and position the characters independently, so I have to set the .position to absolute, and set the .left and .top on each element as I create it so I can move the elements later on.
View 1 Replies
View Related
Jul 23, 2005
i need some creative input. i'm trying to enable the user to input a
length of time, from one day to about 10 years. ideas i've had have
been:
- 3 pull down boxes, for days, months, years
- an entry box for a value and a pull down box for units (days, weeks,
months, years)
- a scroll bar to slide along to a corresponding time
I'm not sure i should even use javascript, maybe an applet instead. I'd
really appreciated some new ideas or brainstorming.
View 7 Replies
View Related
Aug 19, 2006
I am running a bit of JS to highlight text inputs onFocus in IE. It
seems to be working on all of the forms on the site except one. The
debug code in the script displays the number of input elements in an
alert. On the page where it does not work, the alert is "[object]".
Here is the script:
function initHighlight() {
if (!document.getElementsByTagName){ return; }
var allfields = document.getElementsByTagName("input");
alert (allfields.length); // debug
for (var i=0; i<allfields.length; i++){
var field = allfields[i];
var attr = field.getAttribute("type");
if (attr == "text" || attr == "password") {
field.onfocus = function () {
this.className = 'highlightActiveField'
}
field.onblur = function () {this.className =
'highlightInactiveField'}
}
}
}
function addLoadEvent(func)
{
var oldonload = window.onload;
if (typeof window.onload != 'function'){ window.onload = func; }
else { window.onload = function() { oldonload(); func(); } }
}
var isIE = navigator.appName.indexOf("Microsoft") != -1;
if (isIE) { addLoadEvent(initHighlight); }
Unfortunately, I cannot reveal the URL of the page (contractural
restrictions).
Under what conditions would IE believe that the length of input fields
is an object, not a number? I have run the page through two
different validators and there are no errors.
View 2 Replies
View Related
Jun 17, 2011
I have a standard ul list where I need to keep count of the li's within (users can add/remove). This is my function when they remove a list item (.remove is inside the li), it removes the li fine but I always get zero for the rows.
[Code]...
View 2 Replies
View Related
Nov 6, 2007
I want to add some length validaitons to this form so that the state is enterted two characters long, the zip is entered five charaters long and the phone number will be entered eight characters long. Code:
View 2 Replies
View Related
Aug 10, 2006
The following function takes three different fields (which combined make up a phone number) and tests it to make sure that all the characters entered are integers. If this is true, it sets form.Phone.value = entirephonenumber. I would like to incorporate an additional test which, after determining that all characters in the string are integers, checks to make sure that the string length is 10. If it is less than 10 or more, I want the entire function to return false and display an error message (the same one is fine..) Code:
View 2 Replies
View Related
Jun 29, 2011
I need to get the length of table(means no of rows in a table).. My table is inside the TD
Am comfortable with DOM or Jquery
My table structure is
<td id="tb1">
<table> //--- I wabt this table length using the ID of above TD i.e(tb1)
<tr>
<td></td>
[Code]....
View 3 Replies
View Related
Mar 13, 2011
I'm attempting to run some checks on an input value. Initial HTML:[code]After the page loads a javascript calendar function called JDPicker runs and changes it to:[code] my issue only occurs on this HTML that is hard coded into the page. I have several other inputs (same element structure with the divs, etc) added later with javascript using createElement functions and my javascript works fine on those:[code]My problem is only in IE (testing with v 8). When I try to get the child elements value it gives me this error: "value null or is not an object". I tried using .nodeValue after that and it worked, but then started giving me errors regarding the .length function "length null or is not an object".
View 1 Replies
View Related
Jun 14, 2007
I want to know the length in pixels of a document embedded in a iframe.
The way I go seems to work under IE but not under Firefox (about other
browsers I'll see later). Code:
View 3 Replies
View Related
Jul 9, 2010
How do I get the length of a form value in jQuery?
View 1 Replies
View Related
Jul 8, 2009
I have added two numbers from two table cells together using parseInt & innerHTML. I have this stored in a variable. I want to get the length of this number. I need to convert it to a string variable using toString and then access its length method. Whats the best way of doing this? I tried using toString then length but I am only getting "object window"!
Code:
View 10 Replies
View Related
Mar 16, 2009
i have a xml file where i do the following query:
entry_03_title=doc.documentElement.getElementsByTagName("entry")[2].getElementsByTagName("title")[0].firstChild.data;
now having the variable "entry_03_title" i would like that javascript do this:
if(entry_03_title.length>30) entry_03_title.length=6
in other words if the title is bigger than 30 chars long make it 6 chars, but this doesn't work.
View 1 Replies
View Related
Nov 4, 2009
I have a textarea field that is validated by Js, this textarea can and will contain the newline character so I validate in JS if(textareaname.value.length < 200)this hten goes through to my php where i also check before I place in to the Database using MYSQL,if( strlen($_POST['textareaname']) < 200 )but my php is giving me a different string length from my javascript.It looks as if Javascript is counting a newline as 1 character and php is treating it as 2.I have checked my slashes, I have used various REgex to check these data amounts. I have also Googled around and there doesnt seem much around.how I can make php and javascript treat a newline as the same amount of characters?
View 6 Replies
View Related
