This week's book giveaway is in the Server-Side JavaScript and NodeJS forum.
We're giving away four copies of Micro Frontends in Action and have Michael Geers on-line!
See this thread for details.
Win a copy of Micro Frontends in Action this week in the Server-Side JavaScript and NodeJS forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Ron McLeod
  • Paul Clapham
  • Bear Bibeault
  • Junilu Lacar
Sheriffs:
  • Jeanne Boyarsky
  • Tim Cooke
  • Henry Wong
Saloon Keepers:
  • Tim Moores
  • Stephan van Hulst
  • Tim Holloway
  • salvin francis
  • Frits Walraven
Bartenders:
  • Scott Selikoff
  • Piet Souris
  • Carey Brown

Unable to get the "children" of an element

 
Saloon Keeper
Posts: 2671
130
Google Web Toolkit Eclipse IDE 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
Saloon Keeper
Posts: 2671
130
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hierarchy :

stackContainer > stack > header + data
 
salvin francis
Saloon Keeper
Posts: 2671
130
Google Web Toolkit Eclipse IDE 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 ??
 
author
Posts: 15385
6
 
salvin francis
Saloon Keeper
Posts: 2671
130
Google Web Toolkit Eclipse IDE 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
Saloon Keeper
Posts: 2671
130
Google Web Toolkit Eclipse IDE 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.
 
There is no "i" in denial. Tiny ad:
Thread Boost feature
https://coderanch.com/t/674455/Thread-Boost-feature
reply
    Bookmark Topic Watch Topic
  • New Topic