Hi,

I have a page that has about 12 divs, each one containing menus. They are all classed in css so manipulation is quite easy. But what I am trying to do is to write a script that will cater for two screen resolutions and resize every div on the page depending on the screen res. Is there a way to reference every div at the same type? Its probably really simple but for the life of me I can't figure it out.

TIA
interrupt

__________________
\'sync\' <cr>
The name specified is not recognized as an internal or external command, operable program or batch file.

"Is there a way to reference every div at the same type?"

... do you mean, every DIV of the same class?

Sorry, mistype, I meant "at the same time".

You can walk through the document's nodes, check to see if its a DIV, and then do whatever you'd like to it.

document.body.getElementsByTagName("DIV");

is this what you want?

Yeah lol. Dunno why I couldn't work that out.

Thanks guys

Doh. Heh. Forgot about getElementsByTagName. :-P

Im very tired. Thats my excuse and Im sticking to it. :D

I like Dean Edwards' cssQuery() for stuff like that.
http://dean.edwards.name/my/cssQuery/

Basically it will get all elements using a CSS selector and returns an array of nodes that match the selector.

// query a class name
var tags = cssQuery('div.classname');

for (var i in tags)
{
   // Do stuff
   tags[i].style.background = 'blue';
}

You can also do stuff like this:
var tags = cssQuery('div > span.directchild');

var tags = cssQuery('div div.descendant');

It is also cross-platform, and works in IE, Firefox, Opera, and Safari.

HTH!

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design