🚀 go-pugleaf

Witam - to mój pierwszy post więc przede wszystkim witam, i od razu przechodzę 
do meritum
strona: www.lewinklodzki.pl
menu oparte o css i :hover, w przypadku IE zastosowanie htc. Wszystko ok.. ale 
padł gdzie indziej zarzut, że jest "niedostępne" dla osób niepełnosprawnych.

Konkluzja dyskusji była następująca:
menu pozostawić na css, w tej formie jak jest, dodać jedynie skrypt js, który 
będzie obsługiwał przenoszenie się po poszczególnych pozycjach za pomocą TAB.
coś jak http://home.tele2.fr/ikari/menu/dropdown-menu-en.html, tylko że oparte 
na css tylko i wyłacznie i działające na tej zasadzie jak teraz. Nie wchodzi w 
grę żadne rozwiązanie pod tytułem - menu w cąłości na js.
Ponieważ nie znam się na js... musiałem troszkę poczytać...
no ale nie wychodzi mi to żeby po prostu wyświetlał drugi poziom listy po 
kliknięciu tabem...
to plik js

wyswietl = function() {
	var rozwin = 
document.getElementById("gora").getElementsByTagName("li").getElementsByTagName("ul");
	for (var i=0; i<rozwin.length; i++) {
		rozwin[i].onfocus =function() {
			this.className="pokazuj";
		}
		rozwin[i].onblur=function() {
			this.className=this.className.replace(new RegExp("pokazuj\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", wyswietl);

to menu:
<ul id="gora">
   <li id="m0"><a href="./?jezyk=pl">pl</a></li>
   <li id="m1" class="menu_gora"><a href="?m=lewin" tabindex="1">Zapiski z 
przeszłości</a>
	<ul>
	<li>Zapiski z przeszłości</li>
	<li><a href="?m=lewin" tabindex="2">Lewin Kłodzki</a></li>
	<li><a href="?m=okolice" tabindex="3">Okolice Lewina</a></li>

	<li><a href="?m=sakral" tabindex="4">Obiekty sakralne</a></li>
	<li><a href="?m=m_nadesl" tabindex="6">Materiały nadesłane</a></li>
	<li><a href="?m=archiwum" tabindex="6">Archiwum</a></li>
	</ul></li>
<li id="m2"><a href="?m=g_dawniej" tabindex="7">Galeria</a>
<ul class="druga">
<li>Galeria</li>
	<li><a href="?m=g_dawniej" tabindex="8">Dawniej...</a></li>

	<li><a href="?m=g_dzis" tabindex="9">i dziś</a></li>
	<li><a href="?m=g_ciekawe" tabindex="10">Ciekawostki</a></li>
	<li><a href="?m=g_nadeslane" tabindex="11">Materiały nadesłane</a></li>
</ul>
</li>
	<li id="m4"><a href="?a=4" tabindex="12">Księga gości</a></li>
	<li id="m5"><a href="?m=przyjaciele" tabindex="13">Przyjaciele</a></li>

	<li id="m6"><a href="?m=autor" tabindex="14">o autorze</a></li>
	<li id="m7"><a href="?a=mail" tabindex="15">kontakt...</a></li>
</ul>

a to fragment pliku css odpowiedzialny za css

#gora{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;text-align:left;z-index:10;position:relative;width:200px;}
#gora li {background:url('../grafika/li.png') 
no-repeat;display:block;font-size:14px;height:38px;letter-spacing:0px;margin-top:0px;text-align:center;width:214px}
#gora li 
a{color:#000000;display:block;font-weight:bold;padding-top:10px;text-decoration:none}
#gora li#m0 a {display:inline;}
#gora li a:hover,#gora li a:focus,#stopka a:hover,#stopka a:focus{color:#FF0000}
#gora ul {margin: 0px; padding: 0px; list-style-type: none; list-style-image: 
none; list-style-position: outside;}
#gora li ul {position:absolute;left:-9999px;}
#gora li:hover ul 
{width:255px;z-index:300;display:block;position:absolute;left:200px;padding-bottom:5px;margin-top:-15px;border:5px 
solid #e6e0c8;background-image: url('../grafika/lili.png');}
.pokazuj {left:200px;}
#gora li:hover ul.druga {left:220px;}
#gora ul li 
{background-image:none;margin:0px;height:auto;text-align:right;width:255px;color:#804000;}
#gora ul li a {padding:2px 0px 2px 6px;text-align:left}

Pomożecie ??
-- 
Pozdrawiam
	Tomasz Woś
--
gg: 2001453 tlen: tomasiek@o2.pl
www.tomasiek.cp.win.pl