NoName 3 (2/00)
www.noname.zum.pl
Wstęp
Współpraca
Redakcja
Prenumerata
Adverty
Bonus
Ciekawe strony
Poważne teksty
Alkoholizm
IRC jako sposób komunikacji międzyludzkiej
Bóg
Bóg - kontra Tomika
Wschodząca gwiazda....
Kwas
Policja
LIST by Ninghijzhinda
Polska to dobry, demokratyczny kraj!
Przygotowanie do egzaminów
Znudzony bezsensem
NewAge, buddyzm i ja...
Zabawne teksty
Szczyty głupoty
Humor by Sergiusz
Humor by Blur
Ćwicz wymowę!
Wywiad z Radosławem.S
Komputery
Karty dźwiękowe
Sztuczny mózg
window.open()
Grafikiem zostać...
Ramki
Wymiana bannerów
Poezja
Moje piosenki
Koszmary
Labirynt
Dlaczego pytasz
Opowiadania
Poszukiwanie, rozdział 1
Ogień
Matrax

window.open()

Z pewnością większość internatów spotkała się z oknami typu popup wyskakującymi np. po zarejestrowaniu się w jakimś serwisie lub kliknięciu na kogo strony przy wejściu. Najprościej wywołać takie okno w prostym skrypcie JavaScript.

Wzorzec

Oto kod podstawowego skryptu:

<script language="JavaScript1.1" type="text/javascript">
<!--
nowe_okno = null;
function okno()
{
nowe_okno = window.open('pole1','pole2','pole3');
}
//-->

Opis pól:
pole1 - podajemy adres pliku, który ma się załadować,
pole2 - nazwa okna,
pole3 - konfigurujemy wygląd, rozmiar i położenie nowego okna.

Pole1

Wpisujemy ścieżkę, do pliku, który ma być otwarty w nowym oknie. Niekoniecznie musi to być plik HTML, może to być także plik graficzny.

Pole2

Jeśli chcemy aby mogło otworzyć się jedno tylko okno, to nadajemy nazwę, w przeciwnym wypadku, kiedy nie poda się nazwy, to będą otwierały się kolejne okna.

Pole3

Tutaj opisujemy podstawowe parametry nowego okna.

Oto co możemy napisać:
- fullscreen - spowoduje załadowanie okna na całym ekranie (działa tylko w IE 4.x),
- left - położenie okna względem lewej strony monitora,
- right - położenie okna względem prawej strony monitora,
- top - położenie okna względem górnej strony monitora,
- bottom - położenie okna względem dolnej strony monitora,
- width - szerokość okna,
- height - wysokość okna,
- status - linia statusu w przeglądarce,
- toolbar - bar narzędziowy w przeglądarce,
- menubar - bar menu w przeglądarce,
- scrollbars - pasek przewijania strony,
- resizable - możliwość zmiany rozmiaru okna,
- location - pasek adresu,
- directories - łącza.

Uruchomienie

Wywołanie skryptu jest proste. Może być po kliknięciu na dany obiekt formularza:

<input type=button value="Otwórz okno" onClick="javascript:okno()">

lub

<a href="#" onClick="javascript:okno()">jakiś tekst lub obrazek, cokolwiek

Skrypt może być również uruchomiony w trakcie ładowania strony:

<body onLoad="javascript:okno()">

Cały kod skryptu

Oto jak będzie wyglądał ostatecznie kod naszego skryptu:

<script language="JavaScript1.1" type="javascript/text">
<!--
nowe_okno = null;
function okno()
{
nowe_okno = window.open('plik.html','okienko','fullscreen=no,left=10,top=20,width=500,height=300,status=no,
toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,directories=no');
}
//-->

Koniec

Mam nadzieję, że artykuł ten pomógł Wam przyswoić sobie właściwości window.open(). Funkcja jest bardzo przydatna w przypadku stron, które mają dużo treści (rozgałęzień w głąb) i autor chce, aby wszystko ładnie się komponowało, i nie sprawiało wielkich trudności w poruszaniu się po jego stronach.

Jednak należy uważać by nie przesadzić z ilością okien - nie wszyscy mają ochotę co chwilę patrzeć jak otwiera się im kolejne okno, a komputer zatrzymuje się w swoich obliczeniach :)

Krej Zii
e-mail: krej@poczta.onet.pl



Banner przyjaciela