Circle All The ChildNodes
May 20, 2005
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>
View 8 Replies
ADVERTISEMENT
Feb 25, 2006
I am trying to create a circle with different images.
var j = 0;
var degree30 = Math.PI/6;
var r_angle = 0;
function rotate(idy){
var x = parseInt(Math.cos(r_angle)*100);
var y = parseInt(Math.sin(r_angle)*100);
document.getElementById(idy).style.left = (x + 300);
document.getElementById(idy).style.top = (y + 186);
j++;
(r_angle < degree30 * 11) ? r_angle = degree30 * j : r_angle = 0;
( j < 12) ? setTimeout("rotate('reduit'+ j)", 400) : stop();
}
View 9 Replies
View Related
May 13, 2006
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.
View 3 Replies
View Related
Jun 9, 2006
I want place custom text rotating around analogue clock.
Here is javascript that is clise to my task:
http://javascript.internet.com/time...trailclock.html
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?
View 2 Replies
View Related
Jun 8, 2006
I can make a rectangle without an image by using table. Can I make a circle without an image with your help?
View 6 Replies
View Related
Jul 11, 2006
this should be simple but I cannot figure it out. This is the HTML:
HTML Code:
<div id="box">
<p>one</p>
<p>two <strong>three</strong></p>
...
</div>
The JavaScript function has to take everything inside <div id="box"> and put it into another div. It should become:
HTML Code:
<div id="box">
<div class="content">
<p>one</p>
<p>two <strong>three</strong></p>
...
</div>
</div>
So how can I get all childNodes recursively to enclose them with another element?
View 2 Replies
View Related
Mar 2, 2010
quick example:
function endless(){
$("element").animate({left: '-=100'}, 1500);
$("element").slideToggle(500);
[code]....
View 4 Replies
View Related
Mar 5, 2011
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?
View 4 Replies
View Related
Jul 20, 2010
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.
Code:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ImageClick.aspx.vb" Inherits="ImageClick" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]" >
<head runat="server">
<title>Image Click</title>
<script type="text/javascript" language="javascript" src="JQuery.js"></script>
<script language="javascript" type="text/javascript">
window.onload = Init .....
View 5 Replies
View Related
Jan 4, 2006
I have a problem with getting the amount of childs in a XML structure,
the strucure is somewhat like the following:
<?xml version="1.0" encoding="iso-8859-1"?>
<cms>
<num>21</num>
<xmlnames>
<field>id</field>
<field>name</field>
<field>availablefrom</field>
<field>availableuntill</field>
<field>owner</field>
</xmlnames>
</cms>
If I use the following to get te amount of childs for xmlnames I get an
amount of 11:
xmlObj.responseXML.getElementsByTagName('xmlnames' )[0].childNodes.length
Is this wrong or maybe there is a better / other way of counting the
child amount?
View 3 Replies
View Related
Jan 7, 2007
I am starting to learn using javascript on DOM. One of the first things
I tested was listing all the child nodes from an element. Like ->
*html code:
<div id="pagetitle">
<span>My Text</span>
</div>
In my javascript I tried to list all the child nodes from <div>, Firefox
and Opera gave me 3 -- 1)text node with a null value, 2)span, 3)text
node with a null value.
It look to me that the browsers treated the line break as a text node
with no value!!
If I modified the html code to :
<div id="pagetitle"><span>My Text</span></div>
Then the browsers gave me the right answer: 1
They still gave me a wrong answer of 3 if I put a space around the
<spanelement like this:
<div id="pagetitle"<span>My Text</span</div>
What did I do wrong? I would still want the elements to be on their own
lines.
View 2 Replies
View Related
Dec 26, 2003
i wrote a very simple HTML page to test some DOM features between Mozilla and IE. Mozilla is perfect everything went fine and i got the childNodes from my custom tag ( this tag i named <blah> ), inside this tag there is two <span>, that i retrieved. But with IE i really could figure out how its done! Code:
View 1 Replies
View Related
Mar 14, 2006
I have a script that automatically makes the class change for an input field onFocus. Everything works in both IE and Firefox with the inputs, but I am having trouble with an image inside of a link in Firefox. I am using a link instead of a input type="submit" for IE reasons. Code:
View 7 Replies
View Related
Jul 19, 2005
if I have:
<form id='form1'>
<input id='one' value=''>
<input id='two' value=''>
</form>
is there a way for me to check the child nodes of the <form> element for a specific id. in other words, can I check if form1 contains an element with id 'one' for example?
View 17 Replies
View Related
May 27, 2011
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).
View 1 Replies
View Related
Nov 23, 2005
I have a div 'readroot' that I clone. I change the change the id and
name of the childnodes of 'readroot' to the original name plus a
number(counter).
The problem is I have i have a div 'serials' inside 'readroot' and the
childnodes of 'readroot' are not modified with the current function i have.
What is the best way to modify the childnodes of the div serials?
I guess i could put another for loop inside the for loop of the
moreFields function but i am thinking a recursive function could do it. Code:
View 2 Replies
View Related
Nov 11, 2010
I have a javascript for a tree view but i need to change it according to the requirement. Lets start with example with the treeview as follow:
1 Door phone
1.1 Ready Kits
1.1.1 Audioset
1.1.2 Videoset
[Code]....
Now the thing is in the current treeview a single category is open at a time. like if 1.1.1 is open 1.1.2 will b closed and similarly if 1.1 is open...1.2 will b closed. But i want that when i click on 1(Door phone) ie Door phone...evry node should be opened instead of just one similary when i click on 2(CCTV), all its node should be opened.
View 7 Replies
View Related
Aug 16, 2006
From what I've read, everything in the DOM is a node. Basically there are three types of nodes: text, element and attribute (there are more node types but these are the most common).
Let's say I have the following html:
<html>
<form>
<p></p>
</form
</html>
Then this javascript:
var forms = document.getElementsByTagName("form")
var form = forms[0];
alert(form.childNodes.length); /* output is 3 */
I would think that the output should be 2 as I only see 2 childNodes for the form object: the <p> element is an element node and the <p> element has a text node, so that's a total of 2 nodes. Where is the 3rd one comming from.
To add to the confusion, if I change the html to:
<html>
<form>
<p title="jeff" id="22"></p>
</form
</html>
The above javascript still outputs 3. I would think that the output is 4:
- 1st node is the <p> element
- 2nd node is the <p> element's attribute node "title"
- 3rd node is the <p> element's attribute node "id"
- 4th node is the <p> element's text node
Obviously I'm not correctly comprehending how childNodes are determined.
View 7 Replies
View Related
Sep 21, 2006
I want to count the number of childnodes, when i run this script in mozilla i get a different total for the number of childnodes from numkids then when the script runs in IE. Why is this? How Can I get the same number. I want to loop though an objects child elements setting them to invisible or visible
<script type="text/javascript"><!--
function rec(n) {
var kids = n.childNodes;
var numkids = kids.length;
for(var i = numkids-1; i>=0; i--)
{
// sets child to hidden
alert(numkids);
alert(kids[i].nodeValue);
//kids[i].style.visibility = 'hidden'
}}
var a = document.getElementById('commentholder0');
// this function loops though the parts and makes then invisiable so you cant see them overlap
rec(a);
</script>
My html is here:
<ul id= "commentholder0" >
<li id="comment1">this is a test</li>
<li id="comment2">this 2 is a test</li>
</ul>
View 2 Replies
View Related
Jan 11, 2011
I need to find the length of the childNode "city" to a particular "region" in the below XML.
<?xml version="1.0" encoding="ISO-8859-1" ?>
<Country Name="Singapore">
<Region Name="East">
<City Name="Pune">
<Dealer Name="XYZ" Type="A" Contact="9890455555" PinCode="123456"/>
<Dealer Name="ABC" Type="B" Contact="9890433333" PinCode="654321"/>
<Dealer Name="DEF" Type="A" Contact="9890422222" PinCode="867901"/>
</City>
<City Name="Mumbai">
<Dealer Name="dealer1" Type="A" Contact="9890455555" PinCode="123456"/>
<Dealer Name="dealer2" Type="B" Contact="9890433333" PinCode="654321"/>
<Dealer Name="dealer3" Type="A" Contact="9890422222" PinCode="867901"/>
</City></Region>
<Region Name="North">
<City Name="Delhi">
<Dealer Name="XYZ" Type="A" Contact="9890455555" PinCode="123456"/>
<Dealer Name="ABC" Type="B" Contact="9890433333" PinCode="654321"/>
<Dealer Name="DEF" Type="A" Contact="9890422222" PinCode="867901"/>
</City>
<City Name="Jammu">
<Dealer Name="dealer1" Type="A" Contact="9890455555" PinCode="123456"/>
<Dealer Name="dealer2" Type="B" Contact="9890433333" PinCode="654321"/>
<Dealer Name="dealer3" Type="A" Contact="9890422222" PinCode="867901"/>
</City></Region></Country>
Example the Region is East it has 2 cities below. I need to get this length using JS.
I tried doing x=xmlDoc.getElementsByTagName("City").length;
But it counts all the city elements present i.e. it returns 4. How to get the length of the "City" element particular to a "Region" element.
View 10 Replies
View Related
Oct 7, 2010
i have the following test code in my html page
<div id="drawingArea">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="700" height="400"> <circle id="example" cx="335.4999" cy="234.38927" r="8" style="cursor: move;" fill-opacity="0.1"></circle> </svg></div>
[Code].....
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?
View 3 Replies
View Related
Feb 11, 2011
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";
[Code]...
View 1 Replies
View Related
Jul 23, 2005
i'm working on a portion of a CMS that allows content-admins to browse
a product list, and add individual products into the taxonomy by
clicking checkboxes next to categories they might belong in.
since the taxonomy is a rather long list, i'm hiding and showing divs
for the secondary and tertiary links, so when a user clicks on the
checkbox for the parent category, the children appear in a second (and
third) div, with checkboxes of their own.
however, i'd like for the secondary and third level checkboxes to
become unchecked when the parent is. i've tried addressing them in
numerous ways, but something consistently gets lost, in that i keep
getting "x doesn't have any properties" errors.
ie:
var parentnode = document.getElementById(divName);
var allMyChildren = parentnode.childNodes.getElementsByName("INPUT");
alert(allMyChildren.length);
this returns the proper length, but then
for (var i=0;i < allMyChildren.length;i++) {
var chklist = allMyChildren[i];
if (chklist.type == "checkbox") {
// uncheck it
}
}
this consistently returns that chklist has no properties...
View 7 Replies
View Related
May 15, 2010
Is there a way to calculate the .offsetLeft or .left of a character in a string relative the element that contains the string? I'm just trying to wrap each character in an element and position the characters independently, so I have to set the .position to absolute, and set the .left and .top on each element as I create it so I can move the elements later on.
View 1 Replies
View Related