Starší komentáře ke článku: Dynamická menu v DHTML - klikací menu 1.
Zpět na článek | Úvodní stránka Interval.cz
Datum vložení: 28.1.2002 8:18:15
Jiz po X-te upozornuji ze odkazujete pravidelne nefunkcni odkazy.
To nikdo neni schopen si to pohlidat?
Dajsi pruser:
Kde je diskuze k clanku ze 25.01.2002 "Vytvořte si vertikální posuvník". Sam jsem prispival a najednou tam nic neni???
Zamyslete se prosim nad tim co delate...
M.M
Datum vložení: 28.1.2002 8:25:48
:o| Jak jsem jiz rikal, zaloha je z patku dopoledne, resp. poledne. Nezmizely pouze tyto diskusni prispevky, ale i nektere jine. Jsme radi, ze Interval utok ustal a jiz tri hodiny po utoku jsme byli schopni reagovat. K uplne obnove systemu doslo vcera ve vecernich hodinach.
Datum vložení: 28.1.2002 8:45:12
Vase odpovedi jsou v duchu toho "jaktoze nevite ze nas server nekdo hackoval".
Nezlobte se , ale ja to dosud nevedel.
Jinak nevim ze kdy mate tu zalohu systemu, ale ja jsem zde prispival v patek RANO 8-9 hod. (cili ne kolem poledne).
Zarazi me ale to, proc zaroven nepriznate, ze ve vasich prispevcich se jiz "chronicky" objevuji nefunkcni odkazy.
Meli byste si i zrejme vice vazit, ze se Vam nekdo snazi "upozornenim" pomoci k vyssi kvalite serveru.
Datum vložení: 28.1.2002 9:01:13
Na lepsi kvalite serveru pracuji jiz od sveho nastupu. Ten soucasny bohuzel obsahuje hromadu chyb a podezrelych kodu. To se pokusime odstranit s novou podobou, ktera mnohe zjednodusi a prinese i nove nastroje pro redakcni spravu Intervalu. Doufam, ze budou take eliminovany chyby.
Nevim, proc se obnovilo, co se obnovilo. Jsme radi, ze podstatne zustalo. Tusil jsem problemy, kdyz jsem videl, ze nektere diskuse utrpely, ale veril jsem take v toleranci ctenaru, dekuji za ni.
Datum vložení: 28.1.2002 8:50:45
Opravte si to ...
Datum vložení: 28.1.2002 8:55:17
Na napadeni jsem upozornoval v prispevku pred Vami. Vy zase tolerujte dnesni drobne problemy. Error pri vkladani prispevku je zpusobeny tim, ze se nam jeste nepodarilo opravit mailserver. Nevim jeste presne, jake problemy mohou nastat, ale v tuto chvili pracuje jiz od vcerejsiho rana tym lidi na tom, aby Interval fungoval o neco lepe. Diky, ze ocenujete jejich praci.
Datum vložení: 28.1.2002 9:00:16
Defininice stylu je "ponekud neoptimalni". Proc je v kazde tride definovano FONT-FAMILY s XY pismy, kdyz uplne staci definovat FONT-FAMILY pro selektor BODY?
Jiz jsem zde jednou na to upozornoval :)
Datum vložení: 28.1.2002 10:16:30
O definici CSS mi v tomto clanku prilis neslo - myslim, ze ctenar, pro ktereho je tento serial psan, stejne nebude tuto definici CSS prejimat..
Datum vložení: 28.1.2002 10:31:34
Zdravim,
to ale prece neni zadne vysvetleni - spise vymluva :)
Datum vložení: 28.1.2002 10:49:56
OK, jestli chcete hnidopisit.. Prirovnal bych to treba k tomu, kdyz pisete clanek o JavaScriptu - pokud pouzivat v prikladu kompletni HTML stranku, taky neuvadite na prvni radce <!DOCTYPE protoze to pro clanek proste neni dulezite :)
Datum vložení: 28.1.2002 10:52:53
Omlouvam se za nekolikanasobne vlozeni prispevku, vypisovalo mi to chybovou hlasku..
Datum vložení: 28.1.2002 11:14:15
Tu chybovou hlasku znam, taky se mi jeden prispevek vlozil 3x :)
Ale vase analogie neni spravna. Pokud byste bral jako "zaklad" vase chybejici iDOCTYPE, ktere neni potreba, pak by ve clanku mela chybet defincice CSS, ktera nicmene nechybi. Spise bych to prirovnal ke spatnemu iDOCTYPE v dokumentu, ktery je nicmene funkcni.
No, nechme toho - moje pripominka se tykala pouze toho, ze i definice CSS by mela byt korektni podle nejakych zvyklosti stejne, jako kdyz tu nekdo psal, ze nazvy promennych v ASP nejsou v anglictine.
Proste - nicemu to nevadi, je to zcela funkcni, nicmene by to slo napsat lepe a optimalneji - rozumime si?
Datum vložení: 28.1.2002 17:07:15
..
Datum vložení: 28.1.2002 20:56:42
Co tak to menu soupnout doprostred? Ha. To pak bude problem s umistenim vysouvajicich se polozek. V IE sem prisel na to co s tim - offSetTop/Left, ale v NN za boha nevim. Tam zadny offSet neni, tak nevim co. Potrebuju zjistit absolutni pozici prvku na strance, jak na to v NN?
Datum vložení: 29.1.2002 1:57:22
nejak v tom nevidim problem...
vlastni menu, tedy jeho html kod od
<div id="menuHolder">
po
</div>
jsem zarovnal pomoci
<div align="center">
a bum je to uprostred.. zadna jina modifikace kodu.
jo a jinak btw, malem bych zapomnel: diky za tento clanek, konecne menu, ktery pojede (snad;) vsude.
Datum vložení: 3.10.2002 20:02:10
Připadá mi vhodnější, když už máme definováno id="menuHolder" nastavit vycentrovani primo v <B>CSS</B> pro tento id "text-align:center;" . Ale to je jen detail pro oko, v podstatě je to jedno.
Datum vložení: 29.1.2002 19:51:08
Myslim ze jste ten clanek poradne necetl - jinak byste vedel, ze menu se muze nachazet kdekoliv na strance, kde ho definujete.
Datum vložení: 29.1.2002 23:21:09
Omlouvam se. Nevedel sem, ze se absolutni pozicovani orientuje podle kontejneru v ktere je ulozeno. Myslel sem, ze je to vzdy podle okraje.
Datum vložení: 30.1.2002 8:50:55
Zdravim,
pokud mate kontejner s absolutnim pozicovanim vnoren do dalsiho konterneru, ktery je rovnez pozicovan absolutne, pak se za vychozi "nulove" souradnice berou okraje nadrazeneho absolutniho boxu. TO ovsem neplati, pokud mate absolutni box vnoren do relativniho boxu.
Datum vložení: 29.1.2002 9:37:43
Chtel bych se zeptat jestli by bylo možné cely příklad zveřejnot na stažení případne s vysvětlením. Pokoušel jsem se stahnout příklad ale po stažení a vytvoření souhoru menu.htm nebylo mozne kliknou na odkaz aby se otevřel příslušný odkaz.
Dekuji za odpoved.
Datum vložení: 29.1.2002 14:59:43
priklad, je na zacatku clanku:
Abyste měli představu o tom, jak bude vypadat výsledek našeho dnešního snažení, podívejte se na příklad.
kdyz na to kliknes a pak si to ulozis tak to funguje tak jak ma...
no a vysvetleni? dyt o tom je celej tenhle clanek, ne?
Datum vložení: 29.1.2002 15:19:28
Pokousel jsem se o to ale bohuzel pokud dam ze bych chtel z menu otevrit treba to centrum tak to hleda jako by ho to nemohlo najit....nevim kde je chybka.
Datum vložení: 29.1.2002 15:41:15
no jo ;) ted jsem na to taky prisel :)) kdyz kliknu na nejakej odkaz, tak to vubec nic neudela.. to vypada, jako by to nebylo cely, ten priklad jako by clanek mel mit jeste nejaky pokracovani..
co pane autore? ;)
Datum vložení: 29.1.2002 17:34:16
hmm sem ja to ale magor ;) no jasne ze ten serial jeste nezkoncil ;) po dukladnejsim precteni clanku a prostudovani zdrojaku jsem zjistil, ze je tam jeste spousta veci, ktery v clanku popsany nejsou..
sem naddrzenej jak stepni koza, uz se nemuzu dockat dalsich pokracovani! ;)
Datum vložení: 31.1.2002 12:39:48
Nevíte náhodou někdo, jak udělat tohle menu tak, aby se ten skrytý seznam odkazů objevoval v jiném framu?
třeba výběr v horním a aby se nabídka ukázala v dolním?
Díky
Datum vložení: 31.1.2002 19:46:15
Slo by to udelat, jen byste musel vysouvaci nabidku vhodne umistit do toho druheho framu, a v JavaScriptu (tomu se bude venovat dalsi clanek serialu) potom pouzivat zapis document.frames..
Datum vložení: 31.1.2002 19:52:47
V HTML kódu je třeba přidat ovladač události onMouseDown ještě k prvkům hiddenMenu1, hiddenMenu2 a hiddenMenu3, jinak není možné kliknout na odkazy v menu. HTML kód má tedy vypadat takto:
<div id="menuHolder">
<div id="visibleMenu1" onmousedown="moveMenu(1);"><div class="menuItem">Portály<span class="cssSupport"><br></span></div></div>
<div id="hiddenMenu1" onmousedown="may_hideMenu = false; setTimeout('may_hideMenu = true',50);"><div class="menuItem"><a href="<a href='http://atlas.cz"' target='_blank'>http://atlas.cz"</a> class="menuLink">Atlas</a><br><a href="<a href='http://centrum.cz"' target='_blank'>http://centrum.cz"</a> class="menuLink">Centrum</a><br><a href="<a href='http://seznam.cz"' target='_blank'>http://seznam.cz"</a> class="menuLink">Seznam</a><span class="cssSupport"><br></span></div></div>
<div id="visibleMenu2" onmousedown="moveMenu(2);"><div class="menuItem">Zpravodajství<span class="cssSupport"><br></span></div></div>
<div id="hiddenMenu2" onmousedown="may_hideMenu = false; setTimeout('may_hideMenu = true',50);"><div class="menuItem"><a href="<a href='http://cnn.com"' target='_blank'>http://cnn.com"</a> class="menuLink">CNN</a><br><a href="<a href='http://ceskenoviny.cz"' target='_blank'>http://ceskenoviny.cz"</a> class="menuLink">České Noviny</a><br><a href="<a href='http://idnes.cz"' target='_blank'>http://idnes.cz"</a> class="menuLink">iDNES</a><br><a href="<a href='http://www.lidovky.cz"' target='_blank'>http://www.lidovky.cz"</a> class="menuLink">Lidovky</a><span class="cssSupport"><br></span></div></div>
<div id="visibleMenu3" onmousedown="moveMenu(3);"><div class="menuItem">Zábava<span class="cssSupport"><br></span></div></div>
<div id="hiddenMenu3" onmousedown="may_hideMenu = false; setTimeout('may_hideMenu = true',50);"><div class="menuItem"><a href="<a href='http://www.techno.cz"' target='_blank'>http://www.techno.cz"</a> class="menuLink">Czech Techno</a><br><a href="<a href='http://flashfun.cz"' target='_blank'>http://flashfun.cz"</a> class="menuLink">FlashFun</a><br><a href="<a href='http://www.kompost.cz"' target='_blank'>http://www.kompost.cz"</a> class="menuLink">Kompost</a><br><a href="<a href='http://novinky.cz"' target='_blank'>http://novinky.cz"</a> class="menuLink">Novinky</a><span class="cssSupport"><br></span></div></div>
</div>
Chyba spočívá v tom, že po stisknutí tlačítka myši nad hiddenMenu proteče tato událost až k tagu BODY a spustí funkci, která menu skryje - kvůli tomu nemůže dojít ke kliknutí na odkaz. Kód "may_hideMenu = false; setTimeout('may_hideMenu = true',50);" ale nastavuje proměnnou may_hideMenu tak, aby tato funkce neměla splněné podmínky pro svůj běh (tato funkce bude mj. tématem dalšího dílu seriálu). Kód již byl opraven i v příkladu, proto všechny čtenáře žádám, aby si ho opětovně stáhli. Chyba vznikla proto, že odkazy vedou na webové servery a proto při off-line testování nebyla zkoušena jejich funkčnost. Všem čtenářům se za svoji chybu OMLOUVÁM.
Autor článku
Datum vložení: 31.1.2002 21:09:31
Chtel bych se zeptat, jestli budou nejake dalsi dily a co nas v nich ceka? Nemuzu se totiz uz dockat ;)
Jo a ten fix tej chyby je docela dobra vec ;)
Datum vložení: 1.2.2002 23:50:21
Dalsi dily budou - nejprve dokoncime tvorbu menu, ktere jsme zacali timto clankem, a potom se podivame na jeho dalsi modifikace - zkratka o zabavu bude postarano :-)
Datum vložení: 2.5.2004 12:58:11
Upravil sem si toto menu a sem s nim spokojen, ale nasla se jedna chybicka. Kdyz dam vedle menu jaky koliv objekt, napr. tabulku po kliknuti na 1 z hlavni nabidky spravne vyskoci podnabidky ale ten objekt se mi posune smerem doprava, coz je nezadouci. Prikladam kod menu:
<span id="scriptSupport">Tato stránka bude správně zobrazena pouze v moderním vizuálním prohlížeči, který bohužel nepoužíváte. I tak je ale stránka plně použitelná.</span><span class="cssSupport"><br></span>
<div id="menuHolder">
<table class="mobr"><tr><td><img align="left" src="obrazek2.gif" height="16" width="16" />MENU</table>
<div id="visibleMenu1" onmousedown="moveMenu(1);"><div class="menuItem"><img src="obrazek2.gif" align="left" height="16" width="16" />O AUTOROVI<span class="cssSupport"><br></span></div></div>
<div id="hiddenMenu1" onmousedown="may_hideMenu = false; setTimeout('may_hideMenu = true',50);"><div class="menuItem">
<a href="kontakt.html" class="menuLink">Kontakt</a><br>
<a href="aboutme.html" class="menuLink">O mně</a><br>
</span></div></div>
<div id="visibleMenu2" onmousedown="moveMenu(2);"><div class="menuItem"><img src="obrazek2.gif" align="left" height="16" width="16" />FOTOGALERIE<span class="cssSupport"><br></span></div></div>
<div id="hiddenMenu2" onmousedown="may_hideMenu = false; setTimeout('may_hideMenu = true',50);"><div class="menuItem">
<a href="tabor.html" class="menuLink">Tábor</a><br>
<a href="domov.html" class="menuLink">Můj domov</a><br></span></div></div>
<div id="visibleMenu3" onmousedown="moveMenu(3);"><div class="menuItem"><img src="obrazek2.gif" align="left" height="16" width="16" />TVORBA WWW<span class="cssSupport"><br></span></div></div>
<div id="hiddenMenu3" onmousedown="may_hideMenu = false; setTimeout('may_hideMenu = true',50);"><div class="menuItem">
<a href="uvod.html" class="menuLink">Úvod</a><br>
<a href="editory.html" class="menuLink">Editory</a><br>
<a href="jazyk.html" class="menuLink">Jazyk</a><span class="cssSupport"><br></span></div></div>
</div>
<script type="text/javascript">
menu();
</script>
A radeji i prilozim ccs. styl
.mobr
{
margin-left: 60px;
font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif";
font-size: 13px;
color: red;
background-color : Black;
border: 1px solid white;
padding: 2px;
text-align: center;
width: 100px;
font : bolder;
}
.menuItem {
font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif";
font-size: 13px;
color: yellow;
background-color : Black;
border: 1px solid white;
padding: 2px;
text-align: center;
font : bolder;
}
a.menuLink {
font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif";
font-size: 13px;
color: white;
text-decoration: none;
background-color : Black;
}
a.menuLink:active {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color:white ; text-decoration: none;background-color : Black;}
a.menuLink:visited {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: white; text-decoration: none;background-color : Black;}
a.menuLink:hover {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: #cc0000; text-decoration: none;background-color : Black;}
.cssSupport {display: none;}
#visibleMenu1 {
height: 15px;
width: 175px;
cursor: hand;
background-color : Black;
text-align : center;
}
#visibleMenu2 {
height: 15px;
width: 175px;
cursor: hand;
background-color : Black;
text-align : center;
}
#visibleMenu3 {height: 15px; width: 175px; cursor: hand;background-color : Black;text-align : center;}
#hiddenMenu1 {width: 175px;background-color : Black;}
#hiddenMenu2 {width: 175px;background-color : Black;}
#hiddenMenu3 {width: 175px;background-color : Black;}
Datum vložení: 20.12.2005 21:12:01
Panové, mozna i damy, nakopnete me ? Rád bych menu jako tady:Katalog zbozi http://mobil.pasaz.cz/ pri prvotnim zobrazeni aby bylo menu zabalené ( + ) Radeji na email. Díky Petr