не получается изменить стиль по нажатию на кнопки, вот коды
js
//таблица с пррименением стиля 1
function setStyle1(){
//получить ссылки на элем. HTML
oTable = document.getElementById("table");
oTableHead = document.getElementById("tableHead");
oTableFirstLine = document.getElementById("tableFirstLine");
oTableSecondLine = document.getElementById("tableSecondLine");
//применить стили
Table.className = "Table1";
TableHead.className = "TableHead1";
TableFirstLine.className = "TableContent1";
TableSecondLine.className = "TableContant1";
}
function setStyle2{
//ссылки на элемент HTML
oTable = document.getElementById("table");
oTableHead = document.getElementById("tableHead");
oTableFirstLine = document.getElementById("tableFirstLine");
oTableSecondLine = document.getElementById("tableSecondLine");
//применить стили
oTable.className = "Table2";
oTableHead.className = "TableHead2";
oTableFirstLine.className = "TableContent2";
oTableSecondLine.className = "TableContant2";
}
HTML
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="sew810i9" />
<title>CSS</title>
<script type="text/javascript" src="csstest.js"></script>
<link href="style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<table>
<tr>
<th id="tableHead">
Название продукта
</th>
</tr>
<tr>
<td id="tableFirstLine">
Самолет
</td>
</tr>
<tr>
<td id="tableSecondLine">
Автомобиль
</td>
</tr>
</table>
<input type="button" value="Стиль 1" onclick="setStyle1();" />
<input type="button" value="Стиль 2" onclick="setStyle2();" />
</body>
</html>
style.css
.Table1{
border: DarkGreen 1px solid;
background-color: LightGreen;
}
.TableHead1{
font-family: Verdana, Arial;
font-weight: bold;
font-size: 10pt;
}
.TableContent1{
font-family: Verdana, Arial;
font-size: 10pt;
}
.Table2{
border: darkblue 1px solid;
background-color: LightBlue;
}
.TableHead2{
font-family: Verdana, Arial;
font-weight: bold;
font-size: 10pt;
}
.TableContent2{
font-family: Verdana, Arial;
font-size: 10pt;
}
это я урок делаю по учебнику "Ajax и PHP Разработка динамических веб-приложений" делал все как там, но не работает, буду благодарен за помощь!
Ссылка на пост
ts 13 окт 2006 в 23:52
Я нашел литературу об этом языке. Что и как писать. Но где это пробывать ? В каком нибудь документе или нужна спец. прога???