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>
Anyone know how to make an svg circle radius fixed (i.e. not affected by transforms)? I tried adding px or cm, e.g. r=ཋpx' but it just generates an error.
But it have a few unnecessary features which is difficult to alter.
i want: 1. replace week/year/days in external circle with my custom text: 'My custom text' 2. I want to reduce a little rotation speed of this text. (no mouse reaction speed) 3. I do not need mouse trail effect at all, i want fix clock in required place.
There is another script, but it have no rotating text wheel around clock: http://www.dynamicdrive.com/dynamicindex6/analog.htm
Which from this scripts is more easy to adjust for my task and could someone show me exact code?
I currently create a grid of svg circles made up of rows. I can animate a circle from one row moving into another row, sorted by some attribute value. But when I use a selector to fetch all circles within a row I get them ordered by when they were added to the underlying DOM.
Is there a way, if I created a group for each row, that when I move a circle from one row and insert it into another I actually remove the svg object from one group and insert in into the other so that it's correctly positioned in the underlying DOM?
I've created a page with an image of a man where a user is able to click on an area and a div is positioned at that point containing a white circle. This code works in all browsers except IE 6 where it creates a duplicate white circle beneath the one which is placed in the correct location. How to get rid of this second circle? The circle is essentially a div with a background image assigned.
Picture: Doing in html5 canvas, so JavaScript (was not sure where to post, but here I go...). Above is a link to picture that I need to do. It is clock-like. I will have to draw a circle, and two lines, from centre to according points on circle. That is not a problem, the thing I can not do is to fill upper and lower parts of circle that those two lines divide, so upper part of a circle should be e.g. red, and lower blue. (Plus, it would have to bi gradient, to look more appealing).
Iam using Raphael and add the same question in their google group too, but they said, its jquery specific. I think, jquery doesnt found my circle. Maybe different id - handling between SVG-specific and plain DOM elements?
I came up with the idea of making the links in the back of the circle (i've got a total of 10 links), invisible and put a globe in the middle (as background) - making it look like the links in the back go behind the globe and comes back from behind it again. I've tried to do this myself with .this.style.invisibility="hidden";
