setting the inner.HTML of <DIV> with duplicate IDs...

[Charlie T]

Hello,

is there any way to get this to work?

myID.innerHTML = "Hello"

<DIV id="myID"></DIV>
<DIV id="myID"></DIV>
I would like "Hello" to apear in each DIV with the ID of 'myID'. I do
now want to change the id.

Thanks in advance!

[Dag Sunde]

"Charlie T" <ch************ *@gmail.com> wrote in message
news:ee******** *************** ***@posting.goo gle.com...

Hello,

is there any way to get this to work?

myID.innerHTML = "Hello"

<DIV id="myID"></DIV>
<DIV id="myID"></DIV>
I would like "Hello" to apear in each DIV with the ID of 'myID'. I do
now want to change the id.

Don't!

The id attribute is supposed to be unique. To have duplicate id's on
the same page is actually wrong use of the id-tag.

see: http://www.w3.org/TR/html4/struct/global.html#adef-id

Use the name attribute if you must have equal names.

--
Dag
58°26'15.9" N 008°46'45.5" E

[Michael Winter]

On Wed, 08 Sep 2004 05:43:14 GMT, Dag Sunde <[e-mail]-way> wrote:

"Charlie T" <ch************ *@gmail.com> wrote in message
news:ee******** *************** ***@posting.goo gle.com...

is there any way to get this to work?

myID.innerHTML = "Hello"

<DIV id="myID"></DIV>
<DIV id="myID"></DIV>
No, there isn't. As Dag said, using the same ID is invalid HTML and so
browser behaviour can be unpredictable.
I would like "Hello" to apear in each DIV with the ID of 'myID'. I do
now want to change the id.

You'll have to alter them. Once you do, you can use something like:

<div id="myID1">&nbs p;</div>
<div id="myID2">&nbs p;</div>

var getRefById = function() {return null;};
if(document.get ElementById) {
getRefById = function(i) {return document.getEle mentById(i);};
} else if(document.all ) {
getRefById = function(i) {return document.all[i] || null;};
}

function changeContents( ) {
var o, nD = 2; // Number of DIVs

for(var i = 1; i <= nD; ++i) {
o = getRefById('myI D' + i);

if(o) {o.innerHTML = 'Hello';}
}
}

[snip]
Use the name attribute if you must have equal names.

That isn't any better. The DIV element doesn't have a name attribute.

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[Danny]

"Charlie T" <ch************ *@gmail.com> wrote in message
news:ee******** *************** ***@posting.goo gle.com...

Hello,

is there any way to get this to work?

myID.innerHTML = "Hello"

<DIV id="myID"></DIV>
<DIV id="myID"></DIV>
I would like "Hello" to apear in each DIV with the ID of 'myID'. I do
now want to change the id.

IDs *must* be unique within the page so you will have to change them.

The following code, I've been told, loops through all DIV elements with the
class name "myclass" and changes the text colour to red.

Would it be possible to change the id="myId" to class="myclass" on your page
then change the routine below so it changes the innerHTML of each element
listed in divs[i] instead of the text colour?

var divs = document.getEle mentsByTagName( 'div');
if (divs) {
for (var i = 0; i < divs.length; i++) {
if (divs[i].className == 'myclass') {
divs[i].style.color = 'Red';
}
}
}

[Danny]

"Charlie T" <ch************ *@gmail.com> wrote in message
news:ee******** *************** ***@posting.goo gle.com...

Hello,

is there any way to get this to work?

myID.innerHTML = "Hello"

<DIV id="myID"></DIV>
<DIV id="myID"></DIV>
I would like "Hello" to apear in each DIV with the ID of 'myID'. I do
now want to change the id.

As an update to my earlier reply...

Change id="myID" to class="myclass" then stick the following function
wherever it's wanted.
It seems to work in the IE6, Opera7.54 and Netscape7.1

function changeDiv()
{
var divs = document.getEle mentsByTagName( 'div')
if (divs)
{
for (var i = 0; i < divs.length; i++)
{
if (divs[i].className == 'myclass')
{
divs[i].innerHTML = "New Text"
}
}
}
}

[Michael Winter]

On Wed, 8 Sep 2004 10:33:37 +0100, Danny@Kendal
<da***@STOPSPAM ghpkendal.co.uk > wrote:

[snip]

function changeDiv()
{
var divs = document.getEle mentsByTagName( 'div')
if (divs)
That shouldn't be necessary. If there are no matching elements, gEBTN must
return an empty collection. If that's the case, the for loop will be
skipped.

That said, it is necessary to feature test for gEBTN before calling it.
{
for (var i = 0; i < divs.length; i++)
{
if (divs[i].className == 'myclass')
{
divs[i].innerHTML = "New Text"
}
}
}
}

This would be better written as:

function changeDiv() {
if(document.get ElementsByTagNa me) {
var divs = document.getEle mentsByTagName( 'DIV');
for(var i = 0, n = divs.length; i < n; ++i) {
if('myclass' == divs[i].className) {
divs[i].innerHTML = "New Text";
}
}
}
}

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[Charlie T]

Thanks guys!

It seems to work, but my only fear is that if I decide to use CSS
where will I put the class?

What if I did this...
<span class="CSS">
<DIV class="myclass" ></DIV>
</span>

will this work?..hmm

Any ideas?

-Charlie

[Dag Sunde]

"Charlie T" <ch************ *@gmail.com> wrote in message
news:ee******** *************** ***@posting.goo gle.com...

Thanks guys!

It seems to work, but my only fear is that if I decide to use CSS
where will I put the class?

What if I did this...
<span class="CSS">
<DIV class="myclass" ></DIV>
</span>

will this work?..hmm

No.

You put it in your .ccs file, or in a <style>
section at the top of your document.

--
Dag
58°26'15.9" N 008°46'45.5" E

[Andrew Thompson]

On Wed, 08 Sep 2004 19:17:23 GMT, Dag Sunde wrote:

(styles)

You put it in your .ccs file, ..

Of course, Dag meant '.css'* there.

[ * Cascading Style Sheets ]

Although the exact file extension *usually*
does not matter, sometimes browsers will
fall back to the file type to try and guess
what to do with it.

It's best to give the browser every hint possible.

--
Andrew Thompson
http://www.PhySci.org/ Open-source software suite
http://www.PhySci.org/codes/ Web & IT Help
http://www.1point1C.org/ Science & Technology

[Michael Winter]

On 8 Sep 2004 12:12:49 -0700, Charlie T <ch************ *@gmail.com> wrote:

Thanks guys!

It seems to work, but my only fear is that if I decide to use CSS
where will I put the class?
Pardon? Where did anyone mention CSS?
What if I did this...
<span class="CSS">
<DIV class="myclass" ></DIV>
</span>

will this work?..hmm

It depends what you're trying to achieve by doing it. As I don't know
where this line of questioning came from (CSS shouldn't have anything to
do with this issue), I couldn't guess.

By the way, the HTML you just presented is invalid. SPAN elements can only
contain inline elements (text, form controls, images, etc). DIV is a block
element and can only be contained by other block elements.

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.