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>
