Strona główna--programy--Menu javascript
 

Menu dynamiczne napisane w technologi javascript, do użycia na stronach WWW, kody źródłowe i przykład użycia

Implementacja dynamicznego wielopoziomowego menu napisanego w technologi javascript.

Kod jest stosunkowo mało uniwersalny i napisany jest strukturalnie, ponieważ aplikacja miała chodzić w ściśle zdefiniowanym środowisku, nie widziałem potrzeby ładnego obudowania go w przyjazny interface.

Dlatego menu pod innymi przeglądarkami niż Internet Explorerem może troszke inaczej działać.

Jeśli jednak ktoś chce się pobawić i coś z tego zrobic, to proszę bardzo.

Oto kod do ściągnięcia az_menu.js jeszcze warto pobrać katalog z grafiką grafika.rar który powinien być umieszczony tam gdzie plik az_menu.js. Menu wykorzystuje pozycjonowanie absolutne. A oto przykład użycia.

<script language="javascript" src="./az_menu.js">
</script>
<script language="javascript">
//Tu definiujemy parametry menu takie jak pozycja od której zaczynamy rysować, kolory, fonty, szerokość ramki itp.
m_prawo[0]=10; //ralna pozycja x od ktorej zczynamy rysowac menu
m_dol[0]=10; //realna pozycja y od ktorej zaczynamy rysowac menu
var background_color_check="rgb(49,106,197)"; //kolor tla zaznaczonej kratki
var background_color_uncheck="rgb(236,233,216)"; //kolor tla nie zaznaczonej kratki
var font_color_check="white"; //kolor fontu zaznaczonej kratki
var font_color_uncheck="black"; //kolor fontu niezaznaczonej kratki
var font_family="ms sans serif"; //rodzaj fontu
var font_size=6; //wielkosc fontu w calym menu
var font_width=10; //szerokosc fontu w menu glownym
var szer_y=20; //wysokosc kratek w menu
var szer_ramki=1; //grubośc ramki menu
//Tu zaczynamy tworzyć menu
addMenu('Bazy stałe'); //Menu (głowne poziome)
addMenu('Dane użytkowe');
addMenu('Rejestr','alert(\'Rejestr\');');
addMenu('Raporty','alert(\'Raporty\');');
addSubMenu('Bazy stałe','Dane ogólne','alert(\'Dane ogólne\')'); //Podmenu czyli menu pionowe przypisane do w tym wypadku do menu głownego
addSubMenu('Bazy stałe','Operatorzy systemu','alert(\'Operatorzy systemu\');');
addSubMenu('Bazy stałe','Użytkownicy','alert(\'Użytkownicy\');');
addSubMenu('Bazy stałe','Kierowcy','alert(\'Kierowcy\');');
addSubMenu('Bazy stałe','Baza Pojazdów','alert(\'Baza Pojazdów\');');
addSubMenu('Dane użytkowe','Rozliczanie kart drogowych');
addSubMenu('Dane użytkowe','Przydział miejsc parkingowych','alert(\'Przydział miejsc parkingowych\');');
addSubMenu('Operatorzy systemu','Operatorzy raportów','alert(\'Operatorzy raportów\');'); //to podmenu jest przypisane do innego podmenu
addSubMenu('Operatorzy systemu','Operatorzy wprowadzania');
addSubMenu('Operatorzy wprowadzania','Pojazdów','alert(\'Pojazdów\');');
addSubMenu('Operatorzy wprowadzania','Limitów','alert(\'Limitów\');');
addSubMenu('Rozliczanie kart drogowych','Codzienne','alert(\'Codzienne\');');
addSubMenu('Rozliczanie kart drogowych','Miesięczne','alert(\'Miesięczne\');');
create(); //Wyświetlenie menu
</script>


Dodaj komentarz:
Tak
Nie

Autor:Extern
Data: 2022-12-28 19:16
Treść:ted

Autor:5CeMTU32nd
Data: 2016-06-21 17:34
Treść:What a joy to find soonmee else who thinks this way. http://cubtpro.com [url=http://eivilmvw.com]eivilmvw[/url] [link=http://qsgqjihy.com]qsgqjihy[/link]

Autor:uEiZTbzIg8
Data: 2016-06-20 21:10
Treść:Your article perlfctey shows what I needed to know, thanks!

Autor:R3Bz6GwzZu
Data: 2016-06-20 11:24
Treść:Arlcetis like this make life so much simpler.

Autor:Levieliecl
Data: 2009-08-22 2:45
Treść:Our pharmacy is now operating a very good discount to buy a hurry! order levitra without prescription syerb

Autor:test
Data:2007-01-09 20:26
Treść:fddd

Copyright Extern