standart html+js pull-down database menu

От две седмици се мъча да направя стандартно HTML pull-down menu, задвижвано от js, което обаче да не бъде използвано за навигация в сайта, а за разглеждане на опростена база от данни, направена с помощта само на js и HTML.
Идеята е чрез събитието onchange в <select> тага скриптът да проверява коя опция точно е избрана и
да чрез
document.getElementById("whatever").style.visibility = visible
да прави определен обект видим.
Проблеми с направата на HTML менюто и CSS нямам, но js-скрипта така и не мога да го измъдря.
Както и да го въртя в крайна сметка или при избор на опция от менюто нищо не се случва или видим става все един и същи обект. Щателно прерових доста от основните js-сайтове, но там има примери само за навигационно
pull-down меню, каквото аз и без тяхна помощ мога да направя, а и не мога да намеря подобен пример във вече готов сайт.
Почти съм сигурен, че за да работи това нещо трябва да използвам някоя от характеристиките на обекта document
и/или <а> котви в комбинация с падащо меню, служещо за навигация, но не знам как точно да сглобя нещата.
Някой има ли идеи по въпроса.
Благодаря предварително!

малко код ако дадеш

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"
"[линк]"

<html xmlns="[линк]">
<head>
<title>pulling down menu</title>
<script language="JavaScript">
<!--
var sors = document.formata.selekta.options[document.formata.selekta.selectedIndex].value;
function lauf ()
{
document.getElementById(""+sors+"").style.visibility = visible;
}
//-->
</script>
<style type="text/css">
.snimkaa {
position: absolute;
left: 330px;
top: 330px;
width: 70px;
heigth: 70px;
clip: rect(0px, 70px, 70px, 0px);
visibility: hidden;
z-index: 1;
}
</style>
<style type="text/css">
.snimkab {
position: absolute;
left: 330px;
top: 330px;
width: 70px;
heigth: 70px;
clip: rect(0px, 70px, 70px, 0px);
visibility: hidden;
z-index: 1;
}
</style>
</head>
<body>
<form name="formata">
<select name="selekta" onchange="lauf ()">
<option selected value="#">Choose</option>
<option value="snimkaa">snimkaa</option>
<option value="snimkab">snimkab</option>
</select>
</form>
<div name="snimkaa" id="snimkaa" class="snimkaa">
<img src="pic1.gif">
</div>
<div name="snimkab" id="snimkab" class="snimkab">
<img src="pic2.gif">
</div>
</body>
</html>



Това е един от вариантите ми за разработка, но нещо не действа.

Имаш доста грешки в HTML-а, като се почне още от незатворения DOCTYPE и HTML, който не съответства на този DOCTYPE, но това е друга тема.

Използвай getElementById, а не document.neshto, за да се обръщаш към елементите.

Нямаш нужда от два елемента <style>...</style> за две картинки, слагай всичко накуп в един <style>...</style>

Основната грешка е, че присвояваш на променливата sors стойност от елемент, който по време на присвояването все още не съществува.

Пробвай с това:

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"

"[линк]">



<html xmlns="[линк]">

<head>

<title>pulling down menu</title>

<script type="text/javascript">

// <![CDATA[

function lauf()

{

var sors = document.getElementById('selekta').options[document.getElementById('selekta').selectedIndex].value;

document.getElementById(sors).style.visibility = 'visible';

}

// ]]>

</script>

<style type="text/css">

.snimkaa {

position: absolute;

left: 330px;

top: 330px;

width: 70px;

height: 70px;

clip: rect(0px, 70px, 70px, 0px);

visibility: hidden;

z-index: 1;

}

.snimkab {

position: absolute;

left: 330px;

top: 330px;

width: 70px;

height: 70px;

clip: rect(0px, 70px, 70px, 0px);

visibility: hidden;

z-index: 1;

}

</style>

</head>

<body>

<form name="formata" action="">

<fieldset>

<select id="selekta" name="selekta" onchange="javascript:lauf()">

<option selected="selected" value="#">Choose</option>

<option value="snimkaa">snimkaa</option>

<option value="snimkab">snimkab</option>

</select>

</fieldset>

</form>

<div id="snimkaa" class="snimkaa">

<img src="pic1.gif" alt="pic1" />

</div>

<div id="snimkab" class="snimkab">

<img src="pic2.gif" alt="pic2" />

</div>

</body>

</html>

[линк] - блог, уеб дизайн и програмиране, мъдрости, лекции

Мерси много за скрипта!
Въобще не бих си и помислил, че това е причината скрипта да не работи.
Още веднъж-благодаря!