Samo drop down menu jest proste:

<ul>
<li><a href="link">test1</a>
<ul>
<li><a href="link2">test1.1</a></li>
</ul>
</li>
<li>test2</li>
</ul>

O ile na desktop-owych przeglądarkach samo li:hover ul { display:block }
(w uproszczeniu) spełnia swoją rolę, o tyle na urządzeniach mobilnych
nie mam onmouseover. Więc aby submenu pojawiło się, to muszę przytrzymać
palec na głównym menu, ale to wywołuje mi onclick-a i ontouchstart.

O dziwo, w Google nie mogę znaleźć do tego rozwiązania. Może źle szukam.
Ma ktoś na to jakiś pomysł?

--
Peter

do góry

On Fri, 23 Sep 2011 13:14:50 +0200, Peter May wrote:

> Samo drop down menu jest proste:
>
> <ul>
> <li><a href="link">test1</a>

Tu koniecznie musi być link?
>
> O ile na desktop-owych przeglądarkach samo li:hover ul { display:block }
> (w uproszczeniu) spełnia swoją rolę, o tyle na urządzeniach mobilnych
> nie mam onmouseover. Więc aby submenu pojawiło się, to muszę przytrzymać
> palec na głównym menu, ale to wywołuje mi onclick-a i ontouchstart.

Tak na rybkę... gdyby tam nie było linku, to możnaby użyć czegoś do
pokazywania menu...

Coś w stylu:

<ul>
<li><span onclick="showhide_menu()">testy</span>
<ul>
<li><a href="...">test1</a></li>
...

Fakt, bez JS nie zadziała :(

ethanak

do góry

W dniu 23-09-2011 14:50, Ethan Ring pisze:
> On Fri, 23 Sep 2011 13:14:50 +0200, Peter May wrote:
>
>> Samo drop down menu jest proste:
>>
>> <ul>
>> <li><a href="link">test1</a>
>
> Tu koniecznie musi być link?

No chciałem zrobić keyboard friendly menu :-) Ale i tak pewnie nie
obejdzie się bez JS, by skorzystać z drop down menu przy użyciu klawiatury.

>> O ile na desktop-owych przeglądarkach samo li:hover ul { display:block }
>> (w uproszczeniu) spełnia swoją rolę, o tyle na urządzeniach mobilnych
>> nie mam onmouseover. Więc aby submenu pojawiło się, to muszę przytrzymać
>> palec na głównym menu, ale to wywołuje mi onclick-a i ontouchstart.
>
> Tak na rybkę... gdyby tam nie było linku, to możnaby użyć czegoś do
> pokazywania menu...
>
> Coś w stylu:
>
> <ul>
> <li><span onclick="showhide_menu()">testy</span>
> <ul>
> <li><a href="...">test1</a></li>
> ...
>
> Fakt, bez JS nie zadziała :(

Zawsze można dla <a> dla return false :P

> ethanak

--
Peter

do góry

On Fri, 23 Sep 2011 15:10:04 +0200, Peter May wrote:

> W dniu 23-09-2011 14:50, Ethan Ring pisze:
>
>> Tu koniecznie musi być link?
>
> No chciałem zrobić keyboard friendly menu :-) Ale i tak pewnie nie
> obejdzie się bez JS, by skorzystać z drop down menu przy użyciu
> klawiatury.

Da się - ale nie będzie wyświetlać wszystkich pozycji submenu, tylko
bieżącą. Do normalnej nawigacji to wystarczy.
[...]
>>
>> Fakt, bez JS nie zadziała :(
>
> Zawsze można dla <a> dla return false :P

A można - tyle że wtedy link powinien prowadzić do jakiejś ministronki
gdzie jest tylko reszta menu i jakiś powrót ;)

ethanak

do góry

W dniu 2011-09-23 14:50, Ethan Ring pisze:
> On Fri, 23 Sep 2011 13:14:50 +0200, Peter May wrote:
>
> Tak na rybkę... gdyby tam nie było linku, to możnaby użyć czegoś do
> pokazywania menu...
>
> Coś w stylu:
>
> <ul>
> <li><span onclick="showhide_menu()">testy</span>
> <ul>
> <li><a href="...">test1</a></li>
> ...
>
> Fakt, bez JS nie zadziała :(

Może zrobić po prostu:
<ul>
<li><a href="#podmenu-1">test1</a>
<ul id="podmenu-1>
<li><a href="link2">test1.1</a></li>
</ul>
</li>
<li>test2</li>
</ul>

I skorzystać z :target
Ale MZ jeżeli istnieje strona test1, to lepiej po prostu zlinkować do
niej, a na niej dać gdzieś z boku menu podstron, wtedy dropdown jest dla
tych co mają :hover, a reszta ma drugie menu.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

Użytkownik "ethanak" <e...@a...pl> napisał w wiadomości
news:j5i12n$ihu$2@news.onet.pl...

> ethanak

Jak milo Cie znow czytac:))

--
Gabriel Zastawnik
http://www.sigsoft.pl
http://www.monitoringkomputera.pl

do góry

W dniu 23-09-2011 15:20, ethanak pisze:
> On Fri, 23 Sep 2011 15:10:04 +0200, Peter May wrote:
>
>> W dniu 23-09-2011 14:50, Ethan Ring pisze:
>>
>>> Tu koniecznie musi być link?
>>
>> No chciałem zrobić keyboard friendly menu :-) Ale i tak pewnie nie
>> obejdzie się bez JS, by skorzystać z drop down menu przy użyciu
>> klawiatury.
>
> Da się - ale nie będzie wyświetlać wszystkich pozycji submenu, tylko
> bieżącą. Do normalnej nawigacji to wystarczy.
> [...]

To już lepiej dodam full wypas obsługę za pomocą JS.

>>> Fakt, bez JS nie zadziała :(
>>
>> Zawsze można dla<a> dla return false :P
>
> A można - tyle że wtedy link powinien prowadzić do jakiejś ministronki
> gdzie jest tylko reszta menu i jakiś powrót ;)

Trafna uwaga.

> ethanak

^o^

--
Peter

do góry

W dniu 23-09-2011 15:20, Paweł Piskorz pisze:
> W dniu 2011-09-23 14:50, Ethan Ring pisze:
>> On Fri, 23 Sep 2011 13:14:50 +0200, Peter May wrote:
>>
>> Tak na rybkę... gdyby tam nie było linku, to możnaby użyć czegoś do
>> pokazywania menu...
>>
>> Coś w stylu:
>>
>> <ul>
>> <li><span onclick="showhide_menu()">testy</span>
>> <ul>
>> <li><a href="...">test1</a></li>
>> ...
>>
>> Fakt, bez JS nie zadziała :(
>
> Może zrobić po prostu:
> <ul>
> <li><a href="#podmenu-1">test1</a>
> <ul id="podmenu-1>
> <li><a href="link2">test1.1</a></li>
> </ul>
> </li>
> <li>test2</li>
> </ul>
>
> I skorzystać z :target

Hm, tyle, że to nie zadziała z IE <= 8.

> Ale MZ jeżeli istnieje strona test1, to lepiej po prostu zlinkować do
> niej, a na niej dać gdzieś z boku menu podstron, wtedy dropdown jest dla
> tych co mają :hover, a reszta ma drugie menu.

Chciałem zaoszczędzić miejsca nie pokazując dodatkowego submenu na
stałe. No ale muszę to jeszcze przemyśleć.

--
Peter

do góry

On Sat, 24 Sep 2011 15:45:34 +0200, Peter May wrote:

>>> No chciałem zrobić keyboard friendly menu :-) Ale i tak pewnie nie
>>> obejdzie się bez JS, by skorzystać z drop down menu przy użyciu
>>> klawiatury.
>>
>> Da się - ale nie będzie wyświetlać wszystkich pozycji submenu, tylko
>> bieżącą. Do normalnej nawigacji to wystarczy. [...]
>
> To już lepiej dodam full wypas obsługę za pomocą JS.

Jedno drugiemu nie przeszkadza.

ethanak

do góry