Zmiana położenia meny w JS po zmianie rozdzielczości ekranu

Witam

To już mój drugi post w tym temacie, może teraz bedzie ktoś mógł pomóc.

Oto link do strony: http://www.granicar.pl/menu/index1.htm.

A teraz pytania:

  1. Jakie są możliwości “zablokowania” menu aby nie “jeździło” po stronie po zmianie rozdzielczości?

  2. Mogę przygotować strony z różnym położeniem menu zależnie od rozdzielczości ekranu. Ale co zrobić aby odpowiednia strona ładowała się dla odpowiedniej rozdzielczości?

Pozdrawiam

Maryjan

Ad1. Wstawić w tabele… :wink:

Ad2. Skrypty:

Strona zależna od rozdzielczości (wstawiasz w ramach sekcji head)

Styl zależny od przegladarki (wstawiasz w ramach sekcji head)

Możesz skompilować te dwa przykłady …i wyjdzie ci styl zależny od rozdzielczości :wink:

BTW

link ci nie działa :stuck_out_tongue:

http://www.granicar.pl/menu/index1.htm - działa tylko że bez kropki na kończu :slight_smile:

Co do tabeli to chyba nie da rady przy tym menu.

Co się nie da …jak się da! :stuck_out_tongue: :wink: 8)

Tu masz zmieniony kodzik, tabelka z menu:

| onmouseover=“doit(‘men1’,‘visible’); doit(‘sha1’,‘visible’); doit(‘men2’,‘hidden’); doit(‘sha2’,‘hidden’); doit(‘men3’,‘hidden’); doit(‘sha3’,‘hidden’); doit(‘men4’,‘hidden’); doit(‘sha4’,‘hidden’); doit(‘men5’,‘hidden’); doit(‘sha5’,‘hidden’); doit(‘men6’,‘hidden’); doit(‘sha6’,‘hidden’)” style=“width: 200px; height: 14px” href=“javascript:void(0)”>regeneracja

        cartridgy</font>

onclick="doit(‘men1’,‘hidden’); doit(‘sha1’,‘hidden’)"style=“left: 205px”> hpcannonlexmarkbrotherepsonxeroxpanasonicsharpminoltasamsungkyoceranecoki

onmouseover=“doit(‘men1’,‘hidden’); doit(‘sha1’,‘hidden’); doit(‘men2’,‘visible’); doit(‘sha2’,‘visible’); doit(‘men3’,‘hidden’); doit(‘sha3’,‘hidden’); doit(‘men4’,‘hidden’); doit(‘sha4’,‘hidden’); doit(‘men5’,‘hidden’); doit(‘sha5’,‘hidden’); doit(‘men6’,‘hidden’); doit(‘sha6’,‘hidden’)” style=“width: 200px; height: 14px” href=“javascript:void(0)”>materiały

        kompatybilne</font>

onclick="doit(‘men2’,‘hidden’); doit(‘sha2’,‘hidden’)"style=“left: 205px”> hpcannonlexmarkbrotherepsonpanasonicsharpminoltaokisamsungphilipstoshiba

onmouseover=“doit(‘men1’,‘hidden’); doit(‘sha1’,‘hidden’); doit(‘men2’,‘hidden’); doit(‘sha2’,‘hidden’); doit(‘men3’,‘visible’); doit(‘sha3’,‘visible’); doit(‘men4’,‘hidden’); doit(‘sha4’,‘hidden’); doit(‘men5’,‘hidden’); doit(‘sha5’,‘hidden’); doit(‘men6’,‘hidden’); doit(‘sha6’,‘hidden’)” style=“width: 200px; height: 14px” href=“javascript:void(0)”>materiały

        oryginalne</font>

onclick="doit(‘men3’,‘hidden’); doit(‘sha3’,‘hidden’)"style=“left: 205px”> hpcannonlexmarkbrotherepsonxeroxpanasonicsharpminolta/konicaokikyocerasamsungphilipstoshibanecricoh

onmouseover=“doit(‘men1’,‘hidden’); doit(‘sha1’,‘hidden’); doit(‘men2’,‘hidden’); doit(‘sha2’,‘hidden’); doit(‘men3’,‘hidden’); doit(‘sha3’,‘hidden’); doit(‘men4’,‘visible’); doit(‘sha4’,‘visible’); doit(‘men5’,‘hidden’); doit(‘sha5’,‘hidden’); doit(‘men6’,‘hidden’); doit(‘sha6’,‘hidden’)” style=“width: 200px; height: 14px” href=“javascript:void(0)”>drukarki

onclick="doit(‘men4’,‘hidden’); doit(‘sha4’,‘hidden’)"style=“left: 205px”> atramentowelaserowelaserowe kolorigłowe

onmouseover=“doit(‘men1’,‘hidden’); doit(‘sha1’,‘hidden’); doit(‘men2’,‘hidden’); doit(‘sha2’,‘hidden’); doit(‘men3’,‘hidden’); doit(‘sha3’,‘hidden’); doit(‘men4’,‘hidden’); doit(‘sha4’,‘hidden’); doit(‘men5’,‘visible’); doit(‘sha5’,‘visible’); doit(‘men6’,‘hidden’); doit(‘sha6’,‘hidden’)” style=“width: 200px; height: 14px” href=“javascript:void(0)”>urządzenia

        wielofunkcyjne</font>

onclick=“doit(‘men5’,‘hidden’); doit(‘sha5’,‘hidden’)” style=“width: 126px; left: 205 px”> atramentowelaserowetermotransferowetermiczne

onmouseover=“doit(‘men1’,‘hidden’); doit(‘sha1’,‘hidden’); doit(‘men2’,‘hidden’); doit(‘sha2’,‘hidden’); doit(‘men3’,‘hidden’); doit(‘sha3’,‘hidden’); doit(‘men4’,‘hidden’); doit(‘sha4’,‘hidden’); doit(‘men5’,‘hidden’); doit(‘sha5’,‘hidden’); doit(‘men6’,‘visible’); doit(‘sha6’,‘visible’)” style=“width: 200px; height: 14px” href=“javascript:void(0)”>faksy

onclick=“doit(‘men6’,‘hidden’); doit(‘sha6’,‘hidden’)” style=“left: 205px”> atramentowelaserowe

|

[/code]

Teraz już powinno spoko chodzić w tabelce :wink:

BTW

Zwymiaruj porządnie i zafixuj tabele, tak by nie zmieniały wymiarów w innych rozdz.!

Tu masz skromny przykładzik.

ok dzięki, zastosowałem ten krótki skrypt do rozpoznawania rozdzielczosci. chodzi jak ta lala ;]

pozdro

Maryjan