several div with same dom id

[=?iso-8859-1?q?Jean-S=E9bastien?=]

Hello,

Is it possible to have a div component, that i repeat several time
on an html page : all those occurences of the div with the same dom
id.

thanx.

[shimmyshack]

On 24 Mar, 14:23, "Jean-Sébastien" <[e-mail]>
wrote:

Hello,

Is it possible to have a div component, that i repeat several time
on an html page : all those occurences of the div with the same dom
id.

thanx.

yes, but you will have a hard time referencing them, id's should be
unique, obviously!
switch to a classname instead, and style accordingly and then
reference the divs by their classname, unless you need to reference by
ID from some reason in which case you component should give them
unique ids.

[ASM]

Jean-Sébastien a écrit :

Hello,

Is it possible to have a div component, that i repeat several time
on an html page : all those occurences of the div with the same dom
id.

Tout est possible ! Le brouteur ne sera pas géné.

No you can't :
- not allowed by standards
- not usable : how to reach this or that div ?

If you want to copy a div and use this copy, you have to set it a new id
before to insert it

var idx = 0;
function addDiv() {
var d = document.getElementById('template').cloneNode(true );
d.id += '_'+idx;
document.body.appendChild(d);
idx++;
}

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date

[=?iso-8859-1?q?Jean-S=E9bastien?=]

On Mar 24, 3:44 pm, ASM <[e-mail]>
wrote:

Jean-Sébastien a écrit :

Hello,

Is it possible to have a div component, that i repeat several time
on an html page : all those occurences of the div with the same dom
id.

Tout est possible ! Le brouteur ne sera pas géné.

No you can't :
- not allowed by standards
- not usable : how to reach this or that div ?

If you want to copy a div and use this copy, you have to set it a new id
before to insert it

var idx = 0;
function addDiv() {
var d = document.getElementById('template').cloneNode(true );
d.id += '_'+idx;
document.body.appendChild(d);
idx++;

}

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date

merci
thank you
:)

[Tim Slattery]

"Jean-Sébastien" <je***************@gmail.comwrote:

>Hello,

Is it possible to have a div component, that i repeat several time
on an html page : all those occurences of the div with the same dom
id.

Yes, but you won't be able to access them from script. The DOM assumes
that IDs are unique within a page. If there are more than one element
with the same ID, document.getElementById() will return the first
element with the requested ID. In order to get all of the DIVs, you'd
have to call document.getElementsByTagName, and cycle through the
array that function returns.

--
Tim Slattery
Sl********@bls.gov
http://members.cox.net/slatteryt

[Randy Webb]

Tim Slattery said the following on 3/26/2007 9:49 AM:

"Jean-Sébastien" <je***************@gmail.comwrote:

>Hello,

Is it possible to have a div component, that i repeat several time
on an html page : all those occurences of the div with the same dom
id.

Yes, but you won't be able to access them from script.

As well as it being invalid HTML. The ID attribute *must* be unique in
the document.

The DOM assumes that IDs are unique within a page.

Yet the HTML specs require it to be unique within a page.

If there are more than one element with the same ID, document.getElementById()
will return the first element with the requested ID.

Although it is not required to. It could return any of them and nobody
could say it was wrong.

In order to get all of the DIVs, you'd have to call
document.getElementsByTagName, and cycle through the
array that function returns.

The "array" or the "collection"? It would return a collection, not an
array. Try sorting the results....
--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/