Please modify this html code so that the buttons (and labels) for them are locat
ID: 3880648 • Letter: P
Question
Please modify this html code so that the buttons (and labels) for them are located at the bottom of page, in a fixed position.
<html>
<head>
<title> Website </title>
</head>
<body>
<script language="JavaScript">
function changeColors(color)
{
switch(color)
{
case 'red':
document.bgColor="#FF0000";
break;
case 'green':
document.bgColor="#00FF00";
break;
case 'blue':
document.bgColor="#0000FF";
break;
}
}
function changeForeColors(color)
{
switch(color)
{
case 'rd':
//document.getElementByID("demo").bgcolor="#FF0000";
document.getElementById("demo").style.backgroundColor="#FF0000";
break;
case 'gn':
//document.getElementById("demo").bgcolor="#00FF00";
document.getElementById("demo").style.backgroundColor="#00FF00";
break;
case 'be':
//document.getElementByID("demo").bgcolor="#0000FF";
document.getElementById("demo").style.backgroundColor="#0000FF";
break;
}
}
</script>
<form name=”form1” method=”post” action=””>
<p>
<label>Background Colors</label>
<label>
<input type="radio" name=”Colors” value=”radio”>
Red</label>
<br>
<label>
<input type="radio" name=”Colors” value=”radio”>
Green</label>
<br>
<label>
<input type="radio" name=”Colors” value=”radio”>
Blue</label>
<br>
</p>
<br/><br/>
<p>
<label>Foreground Colors</label>
<label>
<input type="radio" name=”ForeColors” value=”radio”>
Red</label>
<br>
<label>
<input type="radio" name=”ForeColors” value=”radio”>
Green</label>
<br>
<label>
<input type="radio" name=”ForeColors” value=”radio”>
Blue</label>
<br>
</p>
</form>
<p id="demo">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nunc neque, maximus eu magna blandit, congue lacinia purus. Suspendisse at odio arcu. Suspendisse pretium, odio sit amet consectetur elementum, lectus sapien fringilla erat, id vehicula purus odio sit amet neque. Sed bibendum quam risus, eu finibus sem faucibus eu. Sed condimentum volutpat mattis. In vel elementum purus. Maecenas fermentum enim at rutrum placerat.
</p>
</body>
</html>
Explanation / Answer
<html>
<head>
<title> Website </title>
</head>
<body>
<script language="JavaScript">
function changeColors(color)
{
switch(color)
{
case 'red':
document.bgColor="#FF0000";
break;
case 'green':
document.bgColor="#00FF00";
break;
case 'blue':
document.bgColor="#0000FF";
break;
}
}
function changeForeColors(color)
{
switch(color)
{
case 'rd':
//document.getElementByID("demo").bgcolor="#FF0000";
document.getElementById("demo").style.backgroundColor="#FF0000";
break;
case 'gn':
//document.getElementById("demo").bgcolor="#00FF00";
document.getElementById("demo").style.backgroundColor="#00FF00";
break;
case 'be':
//document.getElementByID("demo").bgcolor="#0000FF";
document.getElementById("demo").style.backgroundColor="#0000FF";
break;
}
}
</script>
<p id="demo">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nunc neque, maximus eu magna blandit, congue lacinia purus. Suspendisse at odio arcu. Suspendisse pretium, odio sit amet consectetur elementum, lectus sapien fringilla erat, id vehicula purus odio sit amet neque. Sed bibendum quam risus, eu finibus sem faucibus eu. Sed condimentum volutpat mattis. In vel elementum purus. Maecenas fermentum enim at rutrum placerat.
</p>
<form name=”form1” method=”post” action=””>
<p>
<div>
<table border = "1">
<tr>
<th>Foreground Colors</th>
<th>Background Colors</th>
</tr>
<tr>
<td>
<input type="radio" name=”ForeColors” value=”radio”>Red
</td>
<td>
<input type="radio" name=”Colors” value=”radio”>Red
</td>
</tr>
<tr>
<td>
<input type="radio" name=”ForeColors” value=”radio”>Green
</td>
<td>
<input type="radio" name=”Colors” value=”radio”>Green
</td>
</tr>
<tr>
<td>
<input type="radio" name=”ForeColors” value=”radio”>Blue
</td>
<td>
<input type="radio" name=”Colors” value=”radio”>Blue
</td>
</tr>
</table>
</div>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.