File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
http://aspose.com/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


Win a copy of EJB 3 in Action this week in the EJB and other Java EE Technologies forum!
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: 917

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: 917

Hierarchy :

stackContainer > stack > header + data
salvin francis
Ranch Hand

Joined: Jan 12, 2009
Posts: 917

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: 917

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: 917

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.
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: Unable to get the "children" of an element
 
Similar Threads
jQuery not working on page
jquery, hover and unbind
changing link background image dynamically
white-space nowrap and DOCTYPE
fixed header, problem with alignment, must support all browsers