1
JavaScript - wykład 5
Praca z oknami
Beata Pańczyk
(na podstawie wykładów
dr inż. Anny Kamińskiej)
2
Otwieranie okna
• Metoda
open()
obiektu
window
- otwiera
nowe okno przeglądarki, zakrywające
poprzednie
• Sposób użycia
window.open("URL_dokumentu",
"nazwa_okna","cecha1,cecha2,...");
• Otworzenie nowego, pustego okna
open("about:blank")
lub
open("")
3
Cechy otwieranego okna
• toolbar=yes/no
pasek narzędzi
• location=yes/no
lokalizator URL
• directories=yes/no
pasek katalogów
• status=yes/no
pasek stanu
• menubar=yes/no
pasek menu
• scrollbars=yes/no
paski przewijania
• width=n [pikseli]
szerokość okna
• height=n [pikseli]
wysokość okna
4
Cechy otwieranego okna
• resizable=yes/no
czy użytkownik
może zmieniać
rozmiar okna
• copyhistory=yes/no
czy okno dziedziczy
historię sesji okna
nadrzędnego
• dependent=yes/no
czy ma być
zamykane z oknem
nadrzędnym (v.1.2)
5
Zasady określanie cech okna
• Brak wyszczególnienia cech wymagających
włączenia - automatyczne włączenie wszystkich
• Wyszczególnienie choć jednej cechy -
automatyczne wyłączenie pozostałych
• Podanie wymiarów okna - równoznaczne
określeniu
resizable=no
• przykłady:
open("hello.html","noweOkno","toolbar");
open("","okno1","toolbar,menubar=yes");
6
Przykład - tworzenie okna
<html><head>
<script type="text/javascript">
function noweokno()
{ ok1=window.open('muszla.gif','okno',
'width=100,height=200'); }
</script>
</head>
<body>
<h1>Wspomnienie lata:</h1>
<a href="javascript:noweokno()">Morze</a>
</body></html>
2
7
Przykład - tworzenie okna
8
Zamykanie okna i inne
składniki obiektu window
• Metoda
close()
obiektu
window
-
zamyka okno np.
ok1.close()
• Określanie okien:
self
,
parent
,
top
,
window
• opener
nazwa okna wywołującego
aktualne okno
• closed
zmienna logiczna - okno otwarte
(
false
), zamknięte (
true
)
9
Okno wywołujące
• Zmiana właściwości
opener
– utrata
powiązań z oknem wywołującym
• Przypisanie
opener=null
– zamknięcie okien potomnych
• Przykład
window.opener.document.bgColor="blue";