foreach equivalent

[Tony]

I'm trying to simplify a list of statements similar to the following:

document.getEle mentById('heade r').style['background']=default.header['background'];
document.getEle mentById('heade r').style['borderColor']=default.header['borderColor'];
document.getEle mentById('heade r').style['borderWidth']=default.header['borderWidth'];
document.getEle mentById('middl e').style['background']=default.middle['background'];
document.getEle mentById('middl e').style['borderColor']=default.middle['borderColor'];
document.getEle mentById('middl e').style['borderWidth']=default.middle['borderWidth'];
document.getEle mentById('foote r').style['background']=default.footer['background'];
document.getEle mentById('foote r').style['borderColor']=default.footer['borderColor'];
document.getEle mentById('foote r').style['borderWidth']=default.footer['borderWidth'];
In PHP, I could handle this fairly easily by defining an array and stepping
through with nested foreach loops:

$default = array(
"header"=>array ( "background"=>" black", "borderColor"=> "green",
"borderWidth"=> "5px" )
"middle"=>array ( "background"=>" blue", "borderColor"=> "white",
"borderWidth"=> "15px" )
"footer"=>array ( "background"=>" red", "borderColor"=> "maroon",
"borderWidth"=> "10px" )
);

foreach($defaul t as $segment) {
foreach($segmen t as $element=>$valu e) {
document.getEle mentById($segme nt).style['$element']=default[$segment][$element];
}
}

(code is untested, just for demo)

Is there a comparable way to accomplish this in JavaScript?

A related question is: Is there a simpler way to define the arrays than by
defining:
default.header['background']="black";
default.header['borderColor']="green";
etc.

I'm dealing with a situation where I have to define a large number of
properties for a large number of segments, and be able to change them all
dynamically.

I've done a bit of searching but I can't find a construct that will simplify
this to any great degree. Any suggestions?

[Csaba Gabor]

Tony wrote:

A related question is: Is there a simpler way to define the arrays than by
defining:
default.header['background']="black";
default.header['borderColor']="green";
etc.

var aSettings = {background : "black",
borderColor: "green"}
for (var idx in aSettings)
default.header[idx] = aSettings[idx];
Csaba Gabor from Vienna

[Lasse Reichstein Nielsen]

"Tony" <so*****@somedo main.cam> writes:

I'm trying to simplify a list of statements similar to the following:

document.getEle mentById('heade r').style['background']=default.header['background'];
document.getEle mentById('heade r').style['borderColor']=default.header['borderColor']; ....
In PHP, I could handle this fairly easily by defining an array and stepping
through with nested foreach loops:
A similar structure in Javascript would be:

var default = {
header: { background: "black", borderColor: "green", borderWidth: "5px" },
middle: { background: "blue", borderColor: "white", borderWidth: "15px" },
footer: { background: "red", borderColor: "maroon", borderWidth: "10px" }
};

And the loop would be:

for (var segment in default) {
var elem = document.getEle mentById(segmen t); // fetch once!
var properties = default[segment];
for (var property in properties) {
elem.style[property] = properties[property];
}
}

The main difference between the PHP and Javascript for-each statements
is that PHP iterates over the values (or key *and* value at the same
time?) where Javascript always iterates over the keys only (if I read
your PHP code correctly).
Is there a comparable way to accomplish this in JavaScript?
Yep.
A related question is: Is there a simpler way to define the arrays than by
defining: ....

Yep.

I've done a bit of searching but I can't find a construct that will simplify
this to any great degree. Any suggestions?

Object literals. So smart they have their own name now :)
<URL:http://www.json.org/>

/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.'

[Tony]

"Csaba Gabor" <cs***@z6.com > wrote in message
news:Sc******** ***********@new s.chello.at...

Tony wrote:

A related question is: Is there a simpler way to define the arrays than
by defining:
default.header['background']="black";
default.header['borderColor']="green";
etc.

var aSettings = {background : "black",
borderColor: "green"}
for (var idx in aSettings)
default.header[idx] = aSettings[idx];
Csaba Gabor from Vienna

Thanks - that will simplify the task considerably!

[Tony]

"Lasse Reichstein Nielsen" <lr*@hotpop.com > wrote in message
news:oe******** **@hotpop.com.. .

I've done a bit of searching but I can't find a construct that will
simplify
this to any great degree. Any suggestions?

Object literals. So smart they have their own name now :)
<URL:http://www.json.org/>

I'm checking that out now!

Thanks for the help with the code.