Autor | Zpráva | ||
---|---|---|---|
worky Profil * |
#1 · Zasláno: 6. 11. 2005, 21:34:32
Mám dotaz, můžu udělat pop up menu pomocí Layer, kterýmu nadefinuju přesnou pozici, vložím do něj tabulku (s kolonkama menu) a přidám mu příkaz skrytý. Akorát nevím jak pak udělat aby ses tento Layer zobrazil při najetí na odkaz, jde to vůbec? Díky
|
||
peta Profil * |
#2 · Zasláno: 6. 11. 2005, 22:10:38
|
||
worky Profil * |
#3 · Zasláno: 6. 11. 2005, 22:46:03
pomocí toho kódu mě to nějak nejde
|
||
Lukáš M Profil |
#4 · Zasláno: 6. 11. 2005, 23:22:25
worky
co to je layer a příkaz skrytý? |
||
Radek Hrabůvka Profil |
#5 · Zasláno: 6. 11. 2005, 23:25:51
Já to zkusil a jede to. Pro IE si stáhni http://www.volny.cz/peter.mlich/Pr/csshover.htc Na stránku si dej HTML, pohrej si s petanovými tlacitky a vyplive ti to css. Testování skinu nejde v Opeře. Výsledné menu funguje v běžných prohlížečích.
Další menu: http://css.interval.cz/menu/ |
||
Radek Hrabůvka Profil |
#6 · Zasláno: 6. 11. 2005, 23:29:07
Lukáš M co to je layer a příkaz skrytý? To netuším, doufám, že stačí, když worky bude mít funkčí pop up menu.
|
||
Lukáš M Profil |
#7 · Zasláno: 6. 11. 2005, 23:40:57
Radek Hrabůvka
:) OT: je nějaké pravidlo netikety (byť jen místní) zda spíše analyzovat problém nebo házet hotová řešení jinou ("správnější") cestou? osobně to řeším kus od kusu, ale tady mě tyhle pojmy fakt zaujaly... |
||
Radek Hrabůvka Profil |
#8 · Zasláno: 7. 11. 2005, 00:16:46
Pokud odhadnu, že stačí házet hotová řešení, tak dám odkaz(y). Je zbytečné řešit dávno vyřešené. Pokud je konkrétní problém, tak v rámci svých požností se snažím pomoct.
Takže pokud vezmu tento konkrétní příklad, worky asi chce mít <div id="layer">, ten si napozicuje. Asi nemá přesnou představu, co bude uvnitř, ví, jak to má vypadat a fungovat. A protože jsou hotová řešení, stačí odkázat, navíc jsem (si) zkusil, že to, co jako první odkázal peta, opravdu funguje a dal malý návod. |
||
peta Profil * |
#9 · Zasláno: 7. 11. 2005, 07:49:09
Lukáš M <layer> (layers) je stary Netscape tag. Nevim, co mel na mysli tento clovek, ale urcite zas nekde slysel spoustu cizich slov a nevi, co znamenaji.
Radek Hrabůvka Samozrejme, ze skin nefunguje v Opere. Ani ji tam nemam nahore napsanou. Viz http://www.opera.com/docs/specs/opera8/js/dom/css/ - vsimni si toho cerveneho NO vpravo pro funkce z: function getCSS(z) { var s=document.styleSheets[z]; if (s.cssRules) return s.cssRules; else return s.rules; } function generujCss() {for (var i=0;i<tabpocet;i++) getCSS(1)[i].style.cssText=xCss(i);} proste opera nepodporuje prepisovani CSS primo v dokumentu. Ano, muzu to obejit prepisovanim CSS primo pro prvek nebo vymyslet nejake specialni finty, ale kvuli 2% ? |
||
worky Profil * |
#10 · Zasláno: 7. 11. 2005, 10:33:33
díky všem za odpovědi, ten Layer je název, jak ste tu už psali je to vlastně <span id=Layer> a ten "skrytý" je příkaz pro viditelnost hidden
|
||
worky Profil * |
#11 · Zasláno: 7. 11. 2005, 10:52:42
tak sem si to zkusil překopírovat na prázndou stránku, vložím tady celej kód, protože nevím kde mám chybu...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style> .menu {font-size:125%;behavior:url("csshover.htc")} .menu ul {list-style:none;_display:inline-block} .menu li ul {list-style:none;min-width:6em;position:absolute;z-index:10;display :none} .menu a {text-decoration:none} .menu div a {_width:100%;display:block;text-align:center} .menu li li a {font-size:90%;display:block} .menu li {float:left;width:6.5em;_display:block} .menu li li {float:none;width:100%;_display:inline} .menu li:hover ul {display:block} .menu .cl {float:none;clear:both;line-height:0;font-size:2px;margin-top:-2px} .menu { margin:1px; padding:1px; color:#000; background:#fff none repeat 0 0; border-width:1px; border-style:none; border-color:#000; } .menu ul { margin:1px; padding:1px; color:#000; background:#fff none repeat 0 0; border-width:1px; border-style:none; border-color:#000; } .menu li ul { margin:1px; padding:1px; color:#000; background:#fff none repeat 0 0; border-width:1px; border-style:none; border-color:#000; } .menu li { margin:1px; padding:1px; color:#000; background:#fff none repeat 0 0; border-width:1px; border-style:none; border-color:#000; } .menu li div { margin:1px; padding:1px; color:#000; background:#fff none repeat 0 0; border-width:1px; border-style:none; border-color:#000; } .menu li li { margin:1px; padding:1px; color:#000; background:#fff none repeat 0 0; border-width:1px; border-style:none; border-color:#000; } .menu div a { margin:1px; padding:1px; color:#000; background:#fff none repeat 0 0; border-width:1px; border-style:none; border-color:#000; } .menu div a:hover { margin:1px; padding:1px; color:#000; background:#fff none repeat 0 0; border-width:1px; border-style:none; border-color:#000; } .menu li:hover div a { margin:1px; padding:1px; color:#000; background:#fff none repeat 0 0; border-width:1px; border-style:none; border-color:#000; } .menu li li a { margin:1px; padding:1px; color:#000; background:#fff none repeat 0 0; border-width:1px; border-style:none; border-color:#000; } .menu li li a:hover { margin:1px; padding:1px; color:#000; background:#fff none repeat 0 0; border-width:1px; border-style:none; border-color:#000; } </style> </head> <body> <table width="94%" border="1"> <tr> <td><div class="menu"> <ul> <li> <div><a href="#" title="Hlavni1">Hlavni1</a></div> <ul> <li><a href="#" title="PodMenu1A">PodMenu1A</a></li> <li><a href="#" title="PodMenu1B">PodMenu1B</a></li> <li><a href="#" title="PodMenu1C">PodMenu1C</a></li> </ul> </li> <li> <div><a href="#" title="Hlavni2">Hlavni2</a></div> <ul> <li><a href="#" title="PodMenu2A">PodMenu2A</a></li> <li><a href="#" title="PodMenu2B">PodMenu2B</a></li> <li><a href="#" title="PodMenu2C">PodMenu2C</a></li> <li><a href="#" title="PodMenu2D">PodMenu2D</a></li> </ul> </li> <li> <div><a href="#" title="Hlavni3">Hlavni3</a></div> </li> <li> <div><a href="#" title="Hlavni4">Hlavni4</a></div> <ul> <li><a href="#" title="PodMenu4A">PodMenu4A</a></li> <li><a href="#" title="PodMenu4B">PodMenu4B</a></li> </ul> </li> <li class="cl"> </li> </ul> </div> </td> <td> </td> <td> </td> </tr> </table> </body> </html> |
||
Lukáš M Profil |
#12 · Zasláno: 7. 11. 2005, 11:26:09
proč (resp. v čem) myslíte, že tam máte chybu? to vyskakovací menu mi funguje.
|
||
Radek Hrabůvka Profil |
#13 · Zasláno: 7. 11. 2005, 13:37:48 · Upravil/a: Radek Hrabůvka
Lukáš M Mi funguje i kód z této stránky, nevím, jestli odlišný vzhled je záměr. Pro funkčnost v IE musí ve stejné složce (znalí mohou umístit jinam) soubor csshover.htc , jak jsem psal.
|
||
worky Profil * |
#14 · Zasláno: 7. 11. 2005, 15:29:12
Tak to opravdu nevím v čem chyba vězí, přesně ten samý kód mám, ve stejné složce mám soubor csshover.htc, ale v prohlížeči se mi zobrazí pouze kolonky menu, a když na ně najedu změní se kurzor na ručičku, jako na odkatu, ovšem nevysune se žádné podmenu..
|
||
Radek Hrabůvka Profil |
#15 · Zasláno: 7. 11. 2005, 15:56:44
worky Jedině hodit to na web a dát odkaz.
|
||
peta Profil * |
#16 · Zasláno: 7. 11. 2005, 19:22:32
Radek Hrabůvka
Mno, tak jak na to koukam, tak pouzil default vzhled (pri nacteni stranky, nicmene menu nahore s nim nesouvisi, zamerne), nepresunul tlacitkem do kolonek. Takze by se meli zobrazit odkazy v modre a jinak vsechno bila. worky Dej to jako odkaz na stranku. Podle mne, jestli mas soubory csshover.htc neco.htm v jednom adresari, tak ti to musi fungovat. Pokud ne, je to velmi divne, rekl bych, ze mas vyple JS, ale to nikoliv, protoze jsi vygeneroval CSS kod stiskem na tlacitko. Takze mne napada jeste jedna moznost, mas zakazane spoustet JS na disku (IE6 sp2 - firevall shield). Nicmene, kdyz to das na web, bude ti to tam fungovat. Reseni - najit si, kde se nastavuje fireval a povolit JS. Nekoho zrejme otravovalo varovne hlaseni IE6... - dat to na web = pouzit www prohlizec kvalitnejsi, treba Firefox, mozna Operu, kterou nemam rad |
||
peta Profil * |
#17 · Zasláno: 7. 11. 2005, 19:24:47
worky
To spousteni JS na disku muzes snadno otestovat, pouzij http://www.volny.cz/peter.mlich/www.htm#lmoje - klikni na pismenkovy had, melo by fungovat... - pak klikni ulozit jako (toho hada), nekam si to uloz a pust z disku Pokud na JS bloknute, tak to z disku nebude delat nic, zadne pismenka za kurzorem. |
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0