всем вечер добрый народ...вопрос у меня с отображением:выбор определенного option должна отобразить определенный div..код прилагаю...так и не понял в чем проблема..
P.s. сразу же еще и 2 вопрос будет.если спрятать div через display в css можно ли отобразить спрятанный div после выбора option..буду благодарен если отобразите в коде..
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="main.css" type="text/css" rel="stylesheet">
</head>
<body>
<div>
<table align="center" class="content">
<tr height="150px" width="600px">
<td width="200px" valign="top" class="main1">
<select onChange="f_onchange();" name="sk" id="sk">
<Option value="K">Кулинария</Option>
<Option value="T">Травничество</Option>
<Option value="A">Алхимия</Option>
<Option value="Z">Разделка животных</Option>
</select>
<script type="text/javascript">
function f_onchange(){
var skilly = document.getElementById("sk");
switch (skilly){
case "K":
ski_k="Kулинария";
document.getElementById("K");
break;
case "T":
ski_t="Травничество";
document.getElementById("T");
break;
case "A":
ski_a="Aлхимия";
document.getElementById("A");
break;
case "Z":
ski_z="Разделка";
document.getElementById("Z");
break;
}
document.getElementById("K").innerHTML=ski_k;
document.getElementById("T").innerHTML=ski_t;
document.getElementById("A").innerHTML=ski_a;
document.getElementById("Z").innerHTML=ski_z;
}
</script>
</td>
<td width="400px" class="main2">
</td>
</tr>
<tr width="600px">
<td height="450" width="600px" class="main3" colspan="2">
<div id="K">a</div>
<div id="T">a</div>
<div id="A">a</div>
<div id="Z">a</div>
</td>
</tr>
</table>
</div>
</body>
</html>
p.s. вроде правильно все сделал)...впервые тут пишу просто)