noscript

kaidžas · Napísal **kaidžas**: 11.06.2009 15:56

CAute chalani. potreboval by som urobit jednu vec aneviem ci sa to da. mam proste jeden odkaz v menu pohanany javascriptom:

Kód:

<li><a class="kurzor" onmouseover="submenu(this, event, 'info')"><?php echo $text[$jazyk]['info'];?></a></li>

Lenze mne ide o noscript: potreboval by som aby mi uz po vypnuti javascriptu uz ten odkaz odkazoval na mapu stranky. nejak takto:

Kód:

ako to urobit? dakujem

Ďuri · Napísal **Ďuri**: 11.06.2009 16:14

Nastav vsetkym odkazom normalne href="mapa.php" a potom pouzi tento skript:

Kód:

window.onload = function()
{
   var listitems = document.getElementById('foo').getElementsByTagName('li');
   for (var i = 0, size = listitems.length; i < size; i++)
   {
      listitems[i].getElementsByTagName('a')[0].onclick = function()
      {
         return false;
      }
   }
}

V document.getElementById('foo') daj miesto foo id toho zoznamu (<ul>, <menu> alebo co to je).

Btw, myslis, ze je spravne nutit uzivatelov zapnut javascript, aby im fungoval pohyb na stranke? Zobrazenie podmenu sa da jednoducho spravit aj cez li:hover a podporuju to vsetky moderne prehliadace.

kaidžas · Napísal autor témy **kaidžas**: 11.06.2009 17:15

moj css na menu:

Kód:

#nav { display: block; margin: 0 0 2px 0; border: none;}
#nav ul { width: 748px; height: 27px; margin: 0 auto; padding: 0; background: url(/images/nav-bg.png) no-repeat; overflow: hidden; }
#nav ul li { display: inline;}
#nav ul li a { float: left; width: 106px; height: 24px; text-align: center; padding: 5px 0 0 0; border-right: 1px solid #e7e7e7; color: #000000; font-weight: bold; text-decoration: none; overflow: hidden; }
#nav ul li .koniec { border-right: none;}
#nav ul li a:hover { color: #386390; }

.sub-menu {
   border: 1px solid #cccccc;
   border-width: 0 1px 1px;
   background: #ffffff;
   font-size: 10px;
        line-height: 1.1em;
   padding: 0;
        left: -9999px;
        top: auto;
   list-style: none;
   position: absolute;
   z-index: 100;
}

.sub-menu a {
   text-indent: 0;
   text-decoration: none;
   display: block;
   padding: 5px 9px 1px 19px;
   background: #ffffff;
   color: #000000;
   height: auto;
        z-index: 100;
}

.sub-menu a:hover {background: url(/images/arrow.gif) 4px 5px no-repeat #ffffff; color: #386390; display: block; }

a moj kod:

Kód:

<div id="nav">
   <ul>
    <li><a href="/?lang=<? echo $lang?>"><?php echo $text[$jazyk]['domov'];?></a></li>
    <li><a class="kurzor" onmouseover="submenu(this, event, 'strediska')"><?php echo $text[$jazyk]['strediska'];?></a></li>
    <li><a class="kurzor" onmouseover="submenu(this, event, 'lanovky')"><?php echo $text[$jazyk]['lanovky'];?></a></li>
    <li><a class="kurzor" onmouseover="submenu(this, event, 'info')"><?php echo $text[$jazyk]['info'];?></a></li>
    <li><a class="kurzor" onmouseover="submenu(this, event, 'ubytovanie')"><?php echo $text[$jazyk]['ubytovanie'];?></a></li>
    <li><a class="kurzor" onmouseover="submenu(this, event, 'galeria')"><?php echo $text[$jazyk]['galeria'];?></a></li>
    <li><a href="/kontakt.php?lang=<? echo $lang?>" class="koniec"><?php echo $text[$jazyk]['kontakt'];?></a></li>
  </ul>
</div>

<div id="strediska" class="sub-menu">
 <a href="">submenu</a>
 <a href="">submenu</a>
 <a href="">submenu</a>
</div>

Ďuri · Napísal **Ďuri**: 11.06.2009 17:19

Naco pouzivas div#nav>ul, ked mozes pouzit ul#nav? Vela <div>ov neznaci zrovna semanticky kod. Skus ten riadok zacinajuci var listitems upravit takto:

Kód:

   var listitems = document.getElementById('nav').getElementsByTagName('ul')[0].getElementsByTagName('li');

To by malo fungovat v tvojom kode.

kaidžas · Napísal autor témy **kaidžas**: 11.06.2009 17:36

dakujem, ide to v pohode. lenze sa mi to nepaci z uzivatelskeho hladiska, ako by sa to dalo inak este vyriesit?

Ďuri · Napísal **Ďuri**: 11.06.2009 19:13

Co konkretne sa ti nepaci? Pretoze ja som ti spravil presny taky skript, ako si chcel. :rolleyes:

kaidžas · Napísal autor témy **kaidžas**: 12.06.2009 20:33

to viem a zato ti velmi dakujem lenze ma zaujima tvoj nazor ako by si to riesil, myslim celu moju problematiku ty. dakujem ti a celkom dobre ma to menu urobena markiza. pomohol by mi niekto s tym hoverom

noscript

Podobné témy