dynamic page in html

1[CODE]
2dynamic_style.css
3/*
4Any styles applied here will affect the BODY tag 
5in your page, a good place to put background-color 
6or background-image definitions instead of the HTML 
7code, to better separate layout from content!
8*/
9body{
10background-color: #FFFFFF;
11}
12.dBackgroundBox{
13background-color: #FFFFFF;
14}
15.dColorBox{
16color: #000000;
17}
18.dSizeBox{
19width: 400px;
20height: 600px;
21}
22.dPositionBox{
23position: absolute;
24left: 15px;
25top: 15px;
26}
27[/CODE]
28

1[CODE]
2dynamic_display.js
3function ModifyBGColor(id, newColor)
4{
5 var mElement = document.getElementById(id);
6 mElement.style.backgroundColor = newColor;
7}
8function ModifyTextColor(id, newColor)
9{
10 var mElement = document.getElementById(id);
11 mElement.style.color = newColor;
12}
13function ModifyBoxSize(id, newWidth, newHeight)
14{
15 var mElement = document.getElementById(id);
16 mElement.style.width = newWidth;
17 mElement.style.height = newheight;
18}
19function ModifyBoxPosition(id, newLeft, newTop)
20{
21 var mElement = document.getElementById(id);
22 mElement.style.left = newLeft;
23 mElement.style.top = newTop;
24}
25[/CODE]
26