Autor Zpráva
worky
Profil *
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 *
worky
http://www.volny.cz/peter.mlich/Pr/menuedul.htm
worky
Profil *
pomocí toho kódu mě to nějak nejde
Lukáš M
Profil
worky
co to je layer a příkaz skrytý?
Radek Hrabůvka
Profil
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
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
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
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 *
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 *
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 *
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">&nbsp;</li>
</ul>
</div>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>
Lukáš M
Profil
proč (resp. v čem) myslíte, že tam máte chybu? to vyskakovací menu mi funguje.
Radek Hrabůvka
Profil
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 *
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
worky Jedině hodit to na web a dát odkaz.
peta
Profil *
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 *
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.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0