Funkcja uruchamia bibliotekę, powinna być wywołana przed użyciem innych funkcji. Obiekt opts przekazuje ustawienia.
pandora.StartOptions
Obiekt zawiera ustwienia inicjujące bibliotekę. Parametry:
Funkcja wysyła żądanie na adres podany w argumencie url za pomocą technologi AJAX z wykorzystaniem metody GET. Po wykonaniu żądania wywoływana jest funkcja callback kóra jako argument przekazuje zwrócony przez AJAX obiekt.
Funkcja wysyła żądanie na adres podany w argumencie url za pomocą technologi AJAX z wykorzystaniem metody POST. W obiekcie param przekazywane są parametry metody POST. Po wykonaniu żądania wywoływana jest funkcja callback kóra jako argument przekazuje zwrócony przez AJAX obiekt. Przykład:
pandora.ajax.post('ajax.php',{id:49},function(obj){
var obiekt = eval("("+obj.responseText+")");
alert(obiekt.nazwa);
});
var obiekt = eval("("+obj.responseText+")");
alert(obiekt.nazwa);
});
Div pandora.system.createAbsoluteDiv(left:Integer, top:Integer, right:Integer, bottom:Integer, width:Integer, height:Integer, css:String, html:String)
Funkcja tworzy div-a posiadającego właściwość css position równą absolute. Argumenty left, top, right, bottom określają położenie div-a względem rodzica, width i height jego wielkość. Teoretycznie, bo z szeregu left, right, width jeden, dowolny argument musi być równy null. Podobnie z położeniem w pionie. Argument css jest opcjonalny, określa wygląd div-a (patrz funkcja setCSSParam). Argument html jest opcjonalny, można w nim przekazać zawartość innerHTML tworzonego div-a. Aliasem dla nazwy funkcji jest cad. Przykład:
var div = pandora.system.cad(10,10,null,null,200,150,'color:#00f');
Funkcja tworzy standardowego div-a. Argument css jest opcjonalny, określa wygląd div-a (patrz funkcja setCSSParam). Aliasem dla nazwy funkcji jest cd.
Funkcja tworzy tabelę html o liczbie wierszy podanej w nrow i liczbie kolumn podanej w ncol. Argument css jest opcjonalny i określa styl tabeli. Funkcja zwraca tablicę trójelementową: element DOM tabela, tablica wierszy (tr), tablica komórek (dwuwymiarowa - td). Aliasem nazwy funkcji jest ct. Przykład:
var tabElm = pandora.system.ct(2,2);
var table = tabElm[0];
table.style.width = '100%';
var cells = tabElm[2];
cells[0][0].innerHTML = 'pole a 1';
var table = tabElm[0];
table.style.width = '100%';
var cells = tabElm[2];
cells[0][0].innerHTML = 'pole a 1';
Funkcja tworzy element DOM o nazwie podanej w name. Może to być np. a, span, input itd. Aliasem nazwy funkcji jest ce.
pandora.system.clearSelection()
Funkcja czyści wszytkie zaznaczenia na stronie. Aliasem dla nazwy funkcji jest csel.
Funkcja zwraca współrzędne myszki w obszarze roboczym przeglądarki. Aliasem dla nazwy funkcji jest gmp.
Funkcja zwraca położenie elementu w obszarze roboczym przeglądarki. Aliasem dla nazwy funkcji jest gep.
Funkcja dodaje obsługę zdarzenia obrotu kółkiem myszy do elementu elm. W momencie obracania kółkiem myszy nad elemntem wywoływana jest funkcja callback w argumecie której przekazywana jest zmienna o wartość 1 lub -1 jeden w zależności od kierunku obrotu.
Funkcja dodaje obsługę zdarzenia wciśnięcia przycisku w momencie gdy kursor znajduje się nad elementem. W momencie zajscia zdarzenia wywołana zostaje funkcja callback, która jako argument przekazuje kod wciśniętego przycisku.
Funkcja dodaje obsługę zdarzenia zwolnienia wciśnietego przycisku w momencie gdy kursor znajduje się nad elementem. W momencie zajscia zdarzenia wywołana zostaje funkcja callback, która jako argument przekazuje kod przycisku.
Funkcja umożliwia wywołanie funkcji callback po upływie określonego w time i wyrażonego milisekundach (1000 milisekund = 1 sekunda) czasu. Argument id to identyfikator wywołania tej konkretnej funkcji, używanie takiego samego, powoduje że wywołania będą nadpisywane.
Funkcja zwraca rozmiar okna obszaru roboczego przaglądarki w pikselach. Aliasem dla nazwy funkcji jest bs.
Funkcja modyfikuje parametry stylu css elementu DOM przekazanego w argumencie elm. Argument css może być nazwą klasy CSS lub ciągiem lokalnego przypisania stylu css. Aliasem dla nazwy funkcji jest scss. Przykład:
var div = document.getElementById('box1');
pandora.system.scss(div,'color:#f00;border:1px solid #000');
pandora.system.scss(div,'boxStyle');
pandora.system.scss(div,'color:#f00;border:1px solid #000');
pandora.system.scss(div,'boxStyle');
Funkcja ustawia tło dla elementu. Argument image to ścieżka do obrazka. Domyślnie jest on ustawiany na środku elementu i nie powtarza się. Właściwości te można zmienić korzystająć z opcjonalnych argumentów repeat i position. Zakres wartości z jakich można w ich przypadku korzystać pokrywa się z odpowiadającymi parametrami CSS. Aliasem dla nazwy funkcji jest sbi.
Funkcja ustawia zaokrąglenie narożników div-a. W argumencie radius określa się promień zaokrąglenia. Aliasem dla nazwy funkcji jest srad.
Integer pandora.system.stringWidth(text:String, fontFamily:String, fontSize:String, fontWeight:String)
Funkcja zwraca w pikselach długość tekstu przekazanego jako text. Pozostałe argumenty są wymagane i sa odpowiednikmi parametrów CSS ustawionych dla tekstu który chcemy badać.
Funkcja przypisuje do elementu dymek z tekstem, który pojawia sie po niecałej sekundzie po najechaniu myszką na element.
Klasa pozwala stworzyć wezeł drzewa kontrolki TreeView.
Funkcje:
Funkcja dodaje do okna obsługę zdarzenia. Dostępne sa następujące zdarzenia:
check - wywoływane w momencie kliknięcia przez użytkownika chcekboxa. Funkcja callback przez pierwszy argument przekazuje czy chcekbox przy weźle jest zaznaczony.
check - wywoływane w momencie kliknięcia przez użytkownika chcekboxa. Funkcja callback przez pierwszy argument przekazuje czy chcekbox przy weźle jest zaznaczony.
Boolean isVisibleInTree()
Funkcja sprawdza czy węzeł jest widoczny w drzewie biorąc pod uwage zaznaczenia chcekboxów, w tym siebie samego.
pandora.controls.TreeNodeOptions
Parametry:
Funkcje:
Funkcja dodaje do okna obsługę zdarzenia. Dostępne sa następujące zdarzenia:
check - wywoływane w momencie kliknięcia przez użytkownika na chcekboxa przy dowolnym węźle.
check - wywoływane w momencie kliknięcia przez użytkownika na chcekboxa przy dowolnym węźle.
funkcja dodaje węzeł nodedo drzewa. Argument parent to identyfikator węzła rodzica. Jesli nie podamy wartości, podamy null, lub wartość '', węzeł zostanie dodany bezpośrednio do drzewa. Żeby wyegzekwować dodanie węzła, należy odświeżyć drzewko za pomocą refresh.
funkcja dodaje węzeł nodedo drzewa. Argument parent to obiekt węzła rodzica. Jesli jako parent nie podamy wartości lub podamy null, węzeł zostanie dodany bezpośrednio do drzewa. Żeby wyegzekwować dodanie węzła, należy odświeżyć drzewko za pomocą refresh.
funkcja zwraca węzeł posiadający wartość value w polu data (patrz funkcja isInData węzła).
funkcja tworzy drzewko na podstwie odpowiednio sformatowanego tekstu. Na każdy węzeł skałada się sekcja. Sekcje są rozdzielane znakiem '|'.Kolejność sekcji - węzłów, odpowiada kolejności węzłów w drzewie przy pełnym jego rozinięciu. Na sekcje skłądają się parametry rozdzielene średnikami. I tak kolejne parametry oznaczają:
0 - identyfikator węzła
1 - identyfikator węzła rodzica
2 - etykieta
3 - wartości które trafią do pola data węzła
4 - czy przy węźle znajduje się chcekbox (0 lub 1)
5 - czy węzeł jest zaznaczony (0 lub 1)
6 - czy węzeł jest rozwinięty
7 - adres do obrazka ikonki
8 - czy na węzeł można klinąć
9 - kolor tekstu
10 - czy jest przycisk menu
Przykład:
0 - identyfikator węzła
1 - identyfikator węzła rodzica
2 - etykieta
3 - wartości które trafią do pola data węzła
4 - czy przy węźle znajduje się chcekbox (0 lub 1)
5 - czy węzeł jest zaznaczony (0 lub 1)
6 - czy węzeł jest rozwinięty
7 - adres do obrazka ikonki
8 - czy na węzeł można klinąć
9 - kolor tekstu
10 - czy jest przycisk menu
Przykład:
var t = 'wezel1;;Miasta;;1;1;1;miasta.png|';
t += 'warszawa;wezel1;Warszawa;warszawa;0;0;0;';
t += 'krakow;wezel1;Kraków;krakow;0;0;0;';
tree.createFromText(t);
t += 'warszawa;wezel1;Warszawa;warszawa;0;0;0;';
t += 'krakow;wezel1;Kraków;krakow;0;0;0;';
tree.createFromText(t);
Funkcje:
focus()
Funkcja ustawia okno jako aktywne, przy okazji wszytkie inne widoczne okna ustawiane są jako nieaktywne.
Funkcja dodaje do okna obsługę zdarzenia. Dostępne sa następujące zdarzenia:
close - wywoływane w momencie wciśnięcia przycisku zamykającego okno. Jeśli nie dodamy tego zdarzenia, okno zamyka się tuż po wciśnięciu przycisku. Po dodaniu o zamknięcie trzeba zatroszczyć się samemu w funkcji callback np. wywołując funkcję close.
focus - funkcja jest wywoływana w momencie aktywowanai okna, także w gdy wywoływana jest funkja focus.
close - wywoływane w momencie wciśnięcia przycisku zamykającego okno. Jeśli nie dodamy tego zdarzenia, okno zamyka się tuż po wciśnięciu przycisku. Po dodaniu o zamknięcie trzeba zatroszczyć się samemu w funkcji callback np. wywołując funkcję close.
focus - funkcja jest wywoływana w momencie aktywowanai okna, także w gdy wywoływana jest funkja focus.
setStyle(active:Boolean)
Funkcja nadaj styl okienka aktywnego (active równy true) lub nieaktywnego (active równy false).
String getSettings()
Funkcja zwraca tekst zawierający konfigurację podstawowych parametrów okna: położenie, rozmiar, czy jest rowinięte itd.
setSettings(set:String)
Funkcja pozwala ustawić podstwowe parametry okna. Argumentem funkcji jest ciąg tekstowy w postaci zwracanej przez funkcję getSettings.
pandora.controls.WindowOptions
Parametry:
pandora.controls.WindowStyle
Parametry:
.closeWindowButton{
position:absolute;
top:6px;
right:5px;
width:14px;
height:14px;
cursor:pointer;
background-image:url(http://mapa.igeomap.pl/images/close.png);
background-position:center center;
background-repeat:no-repeat;
}
.closeWindowButton:hover{
background-image:url(http://mapa.igeomap.pl/images/close_hover.png);
}
.closeWindowButton:active{
background-image:url(http://mapa.igeomap.pl/images/close_hover.png);
top:7px;
}
position:absolute;
top:6px;
right:5px;
width:14px;
height:14px;
cursor:pointer;
background-image:url(http://mapa.igeomap.pl/images/close.png);
background-position:center center;
background-repeat:no-repeat;
}
.closeWindowButton:hover{
background-image:url(http://mapa.igeomap.pl/images/close_hover.png);
}
.closeWindowButton:active{
background-image:url(http://mapa.igeomap.pl/images/close_hover.png);
top:7px;
}
.collapseWindowButton{
position:absolute;
top:6px;
right:21px;
width:14px;
height:14px;
cursor:pointer;
background-image:url(http://mapa.igeomap.pl/images/collapse_window.png);
background-position:center center;
background-repeat:no-repeat;
}
.collapseWindowButton:hover{
background-image:url(http://mapa.igeomap.pl/images/collapse_window_hover.png);
}
.collapseWindowButton:active{
background-image:url(http://mapa.igeomap.pl/images/collapse_window_hover.png);
top:7px;
}
position:absolute;
top:6px;
right:21px;
width:14px;
height:14px;
cursor:pointer;
background-image:url(http://mapa.igeomap.pl/images/collapse_window.png);
background-position:center center;
background-repeat:no-repeat;
}
.collapseWindowButton:hover{
background-image:url(http://mapa.igeomap.pl/images/collapse_window_hover.png);
}
.collapseWindowButton:active{
background-image:url(http://mapa.igeomap.pl/images/collapse_window_hover.png);
top:7px;
}
.expandWindowButton{
position:absolute;
top:6px;
right:21px;
width:14px;
height:14px;
cursor:pointer;
background-image:url(http://mapa.igeomap.pl/images/expand_window.png);
background-position:center center;
background-repeat:no-repeat;
}
.expandWindowButton:hover{
background-image:url(http://mapa.igeomap.pl/images/expand_window_hover.png);
}
.expandWindowButton:active{
background-image:url(http://mapa.igeomap.pl/images/expand_window_hover.png);
top:7px;
}
position:absolute;
top:6px;
right:21px;
width:14px;
height:14px;
cursor:pointer;
background-image:url(http://mapa.igeomap.pl/images/expand_window.png);
background-position:center center;
background-repeat:no-repeat;
}
.expandWindowButton:hover{
background-image:url(http://mapa.igeomap.pl/images/expand_window_hover.png);
}
.expandWindowButton:active{
background-image:url(http://mapa.igeomap.pl/images/expand_window_hover.png);
top:7px;
}
Funkcje:
pandora.controls.MapOptions
Obiekt zawiera ustwienia inicjujące obiekt mapy. Parametry:
Size
Obiekt to tablica jednowymiarowa, dwuelementowa. Przechowóje wymiary, w kolejności szerokść i wysokość. Nie posiada osobnego konstruktora, tworzy się jak standardową tablicę, przykład:
var size = [450,234];
Point
Obiekt to tablica jednowymiarowa, dwuelementowa. Przechowóje wspłrzędne, w kolejności x i y. Nie posiada osobnego konstruktora, tworzy się jak standardową tablicę, przykład:
var coordinates = [650834.89,552090.67];
Box
Obiekt to tablica jednowymiarowa, czteroelementowa. Przechowóje zakres przestrzenny obiektu, kolejne pola to w kolejności: xmin, ymin, xmax, ymax. Nie posiada osobnego konstruktora, tworzy się jak standardową tablicę, przykład:
var extent = [245000,509000,256000,510000];
Spacja - 32
Esc - 27
Ctrl - 17
Enter - 13
Backspace - 8
Alt - 18
Kursor góra - 38
Kursor dół - 40
Kursor lewo - 37
Kursor prawo - 39
Delete - 46
Minus - 109
Plus - 107
Tab - 9
Shift - 16
A - 65
B - 66
C - 67
Esc - 27
Ctrl - 17
Enter - 13
Backspace - 8
Alt - 18
Kursor góra - 38
Kursor dół - 40
Kursor lewo - 37
Kursor prawo - 39
Delete - 46
Minus - 109
Plus - 107
Tab - 9
Shift - 16
A - 65
B - 66
C - 67
