Win a copy of Re-engineering Legacy Software this week in the Refactoring forum
or Docker in Action in the Cloud/Virtualization forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Unable to get the "children" of an element

 
salvin francis
Bartender
Posts: 1263
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
 
salvin francis
Bartender
Posts: 1263
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hierarchy :

stackContainer > stack > header + data
 
salvin francis
Bartender
Posts: 1263
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
Posts: 15385
6
 
salvin francis
Bartender
Posts: 1263
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
Bartender
Posts: 1263
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic