Assigning Numbered IDs

[akvbroek]

I have a long list and the person that will be maintaining the site is NOT savvy at anything. So, I would like to write a function that will loop through all the UL elements and add an ID called "content#" where # starts at 0 and increases by 1 each time.

I have tried a number of things with no success.

The reason I would like this to be done by javascript and not manually is that the list is VERY long and the id will need to be added roughly 270 times, if she misses even one number, than the javascript that uses that id will fail to work.

Here is the basic idea, but it doesn't work:

function addid() {
var g = document.getElementsByTagName('ul');
for(var i=0; i<g.length; i++) {g.id = 'content'+i;}
}

(Yeah, I know I suck at javascript , so don't laugh if that is a feeble attempt.)

Thanks in advance for any help!!

 

[BillyRayPreachersSon]

You're almost there:

function addid() {
   var g = document.getElementsByTagName('ul');
   for(var i=0; i<g.length; i++) { g[!][i][/!].id = 'content' + i; }
}

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[akvbroek]

Thanks that helped!!

Now, I am also trying to filter it by items that have a certain class. I have tried it and it doesn't seem to work.

Anymore brilliant ideas?

This is what I have (and various variations of)...

function addid() {
   var g = document.getElementsByTagName('ul');
   for(var i=0; i<g.length; i++) { if(g[i].class == 'tree') {g[i].id = 'content' + i; }}
}

???

 

[akvbroek]

Ok, scratch that...

I can filter it by name (code at end of post), which works, but it does this (obviously not real code but the general gist):

<ul name="tree" id="content1">
<ul>
<ul>
<ul name="tree" id="content4">
<ul>
<ul name="tree" id="content6">

When I want...

<ul name="tree" id="content1">
<ul>
<ul>
<ul name="tree" id="content2">
<ul>
<ul name="tree" id="content3">

Any ideas? THANKS!!


Filter by name:

   var g = document.getElementsByTagName('ul');
   for(var i=0; i<g.length; i++) { if(g[i].name == 'tree') { g[i].id = 'content' + i; }}

 

[akvbroek]

ha, I am a fool.

Ok I solved this myself and in case anyone wanders through and wonders how...

I simply needed to simplify and use getElementsByName from the get go rather than by TagName and then trying to filter through those.

Sheesh...

Thanks anyway!