Hide multiple elements by name

[Jochen Daum]

Hi!

I have a dynamically generated page (PHP), which contains an Explorer
like view of items. I would like to hide multiple <tr>'s by name, but
I can't figure out how thats done.

I have this code to hide one element by id

if (document.getEl ementById(id)){
document.getEle mentById(id).st yle.position = 'relative';
document.getEle mentById(id).st yle.display = 'none';
}

Anyone has a cod sample for looping through multiple elements and hide
them?

Jochen
--
Jochen Daum - CANS Ltd.
PHP DB Edit Toolkit -- PHP scripts for building
database editing interfaces.
http://sourceforge.net/projects/phpdbedittk/

[Janwillem Borleffs]

Jochen Daum wrote:

Hi!

I have a dynamically generated page (PHP), which contains an Explorer
like view of items. I would like to hide multiple <tr>'s by name, but
I can't figure out how thats done.
.... Anyone has a cod sample for looping through multiple elements and hide
them?

<script type="text/javascript">
function hide(t, id) {
var tags = document.getEle mentsByTagName( t);
for (var i = 0; i < tags.length; i++) {
if (tags[i].id == id) {
tags[i].style.display = 'none';
}
}
}
</script>

.....
<div id="sid">A</div>
<div id="impid">B</div>
<div id="sid">C</div>
<div id="impid">D</div>

.....
<a href="#" onclick="hide(' div','sid');ret urn false">Hide divs</a>

.....

HTH;
JW

[Michael Winter]

On Wed, 21 Jan 2004 23:39:17 +0100, Janwillem Borleffs <jw@jwscripts.c om>
wrote:

<snip>

<div id="sid">A</div>
<div id="impid">B</div>
<div id="sid">C</div>
<div id="impid">D</div>

<snip>

Which is, of course, invalid HTML.

Mike

--
Michael Winter
M.******@blueyo nder.co.invalid (replace ".invalid" with ".uk" to reply)

[Janwillem Borleffs]

Michael Winter wrote:

Which is, of course, invalid HTML.

What is invalid about that?

JW

[Jochen Daum]

Hi Janwillem!

On Wed, 21 Jan 2004 23:39:17 +0100, "Janwillem Borleffs"
<jw@jwscripts.c om> wrote:

Jochen Daum wrote:

Hi!

I have a dynamically generated page (PHP), which contains an Explorer
like view of items. I would like to hide multiple <tr>'s by name, but
I can't figure out how thats done.
...

Anyone has a cod sample for looping through multiple elements and hide
them?

<script type="text/javascript">
function hide(t, id) {
var tags = document.getEle mentsByTagName( t);
for (var i = 0; i < tags.length; i++) {
if (tags[i].id == id) {
tags[i].style.display = 'none';
}
}
}
</script>

Wouldn't that also be working with any tag, if I did it like this. It
doesn't give me an error, but it doesn't work either:

function hide_elements_b y_name(me,id, pluspic){

var tags = document.getEle mentsByName(id) ;
for (var i = 0; i < tags.length; i++) {
if (tags[i].name == id) {
tags[i].style.display = 'none';
}
}
}

and the tags being:

<tr name="xyz">

??

Jochen

....
<div id="sid">A</div>
<div id="impid">B</div>
<div id="sid">C</div>
<div id="impid">D</div>

....
<a href="#" onclick="hide(' div','sid');ret urn false">Hide divs</a>

....

HTH;
JW

--
Jochen Daum - CANS Ltd.
PHP DB Edit Toolkit -- PHP scripts for building
database editing interfaces.
http://sourceforge.net/projects/phpdbedittk/

[Janwillem Borleffs]

Michael Winter wrote:

Which is, of course, invalid HTML.

Never mind, see what you mean.

JW

[Jochen Daum]

Hi!

On Thu, 22 Jan 2004 00:27:04 +0100, "Janwillem Borleffs"
<jw@jwscripts.c om> wrote:

Michael Winter wrote:

Which is, of course, invalid HTML.

Never mind, see what you mean.

Does he mean the double use of an id?

Jochen
--
Jochen Daum - CANS Ltd.
PHP DB Edit Toolkit -- PHP scripts for building
database editing interfaces.
http://sourceforge.net/projects/phpdbedittk/

[Janwillem Borleffs]

Jochen Daum wrote:

Does he mean the double use of an id?

Yep

[Janwillem Borleffs]

Jochen Daum wrote:

Wouldn't that also be working with any tag, if I did it like this. It
doesn't give me an error, but it doesn't work either:

function hide_elements_b y_name(me,id, pluspic){

var tags = document.getEle mentsByName(id) ;

AFAIK, document.getEle mentsByTagName only applies to form elements.
JW

[Lasse Reichstein Nielsen]

"Janwillem Borleffs" <jw@jwscripts.c om> writes:

var tags = document.getEle mentsByName(id) ;

AFAIK, document.getEle mentsByTagName only applies to form elements.

No, any DOM Node has getElementsByTa gName as a method. If you meant
getElementsByNa me, DOM 2 says:

getElementsByNa me
With [HTML 4.01] documents, this method returns the (possibly empty)
collection of elements whose name value is given by elementName. In
[XHTML 1.0] documents, this methods only return the (possibly empty)
collection of form controls with matching name. This method is case
sensitive.

So yes and no, in XHTML it's only form controls. In HTML, it's
anything with a name attribute.

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleD OM.html>
'Faith without judgement merely degrades the spirit divine.'