[ Príspevkov: 7 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
noscript

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
NapísalOffline : 11.06.2009 15:56 | noscript

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:
<li><a href="mapa.php" ><?php echo $text[$jazyk]['info'];?></a></li>
ako to urobit? dakujem


_________________
FCSpartak Trnava
Offline

Čestný člen
Čestný člen
noscript

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline : 11.06.2009 16:14 | noscript

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.


Offline

Užívateľ
Užívateľ
noscript

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
Napísal autor témyOffline : 11.06.2009 17:15 | noscript

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>


_________________
FCSpartak Trnava
Offline

Čestný člen
Čestný člen
noscript

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline : 11.06.2009 17:19 | noscript

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.


Offline

Užívateľ
Užívateľ
noscript

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
Napísal autor témyOffline : 11.06.2009 17:36 | noscript

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


_________________
FCSpartak Trnava
Offline

Čestný člen
Čestný člen
noscript

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline : 11.06.2009 19:13 | noscript

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


Offline

Užívateľ
Užívateľ
noscript

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
Napísal autor témyOffline : 12.06.2009 20:33 | noscript

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


_________________
FCSpartak Trnava
 [ Príspevkov: 7 ] 


noscript



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Oklamat noscript

v Frontend

4

523

27.06.2011 11:39

chrono



© 2005 - 2026 PCforum, edited by JanoF