aspose file tools*
The moose likes HTML, CSS and JavaScript and the fly likes Unable to get the Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Unable to get the "children" of an element" Watch "Unable to get the "children" of an element" New topic
Author

Unable to get the "children" of an element

salvin francis
Ranch Hand

Joined: Jan 12, 2009
Posts: 928

Hi,
My Requirement is to find all "Immediate" children of a Div with Id as "stackContainer" having the class as "stack"

if i am able to get the collection as an array, i could loop through it and get the class name of each element,
What i thought was browsers had an inbuilt functionality

Here is what i have attempted so far :




Outputs :

IE7 :
first alert: 2
second alert: children 2

Firefox :
first alert: 5
No second alert

Chrome :
first alert: 5
second alert: children 2

Going out of the topic, why do browsers even differ in implementations of Javascript ?? !!!
or am i using the wrong collection object ?

Actually, i am thinking of making a stack like control (similar to outlook's Personal/calender/todo @ LHS) however, i got stuck up in Step 1 !!
I am a newbie javascript developer


My Website: [Salvin.in] Cool your mind:[Salvin.in/painting] My Sally:[Salvin.in/sally]
salvin francis
Ranch Hand

Joined: Jan 12, 2009
Posts: 928

Hierarchy :

stackContainer > stack > header + data
salvin francis
Ranch Hand

Joined: Jan 12, 2009
Posts: 928

another thing, in the above example,
given that stackContainer contains (considering nesting):

stack+header+data+stack+header+data =6 elements,
why does the output for child nodes say 5 ??
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
http://www.howtocreate.co.uk/tutorials/javascript/dombasics

Eric
salvin francis
Ranch Hand

Joined: Jan 12, 2009
Posts: 928

hmmm

so its

textNode + stack + textNode + stack + textNode = 5 elements

Wonder why IE not count the textNodes,

Ne ways....
I will move up the step 2 now >> hiding data within stack elements, i hope i dont get stuck up thre


here is my approach:


1. User takes mouse over stack element
2. If stack is open, do nothing
3. If stack is not open, open the stack and close others by reducing size till its 0% (for animation)
4. I will post code here if it works....
salvin francis
Ranch Hand

Joined: Jan 12, 2009
Posts: 928

As promised, for all those who want an expanding container ......





code optimisations welcome, suggestions welcome, criticism welcome.

i was thinking of animating it, but i couldnt figure out a way to get a hidden div's height.
 
 
subject: Unable to get the "children" of an element