how to make dynamic html pages code example
Example 1: dynamic page in html
[CODE]
dynamic_display.js
function ModifyBGColor(id, newColor)
{
var mElement = document.getElementById(id);
mElement.style.backgroundColor = newColor;
}
function ModifyTextColor(id, newColor)
{
var mElement = document.getElementById(id);
mElement.style.color = newColor;
}
function ModifyBoxSize(id, newWidth, newHeight)
{
var mElement = document.getElementById(id);
mElement.style.width = newWidth;
mElement.style.height = newheight;
}
function ModifyBoxPosition(id, newLeft, newTop)
{
var mElement = document.getElementById(id);
mElement.style.left = newLeft;
mElement.style.top = newTop;
}
[/CODE]
Example 2: dynamic page in html
[CODE]
dynamic_style.css
body{
background-color: #FFFFFF;
}
.dBackgroundBox{
background-color: #FFFFFF;
}
.dColorBox{
color: #000000;
}
.dSizeBox{
width: 400px;
height: 600px;
}
.dPositionBox{
position: absolute;
left: 15px;
top: 15px;
}
[/CODE]