|
window.open() Z pewnością każdy spotkał się z oknami typu popup wyskakującymi np. po zarejestrowaniu się w jakimś serwisie. 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 nazwę pliku, który ma się załadować, pole2 - umieszczamy nazwę okna, pole3 - konfigurujemy wygląd, rozmiar i położenie nowego okna.
Pole1
Pole2
Pole3
Oto co możemy napisać:
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()">tekst lub obrazek</a>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');
}
//-->
Mam nadzieję, że artykuł ten pomógł Ci przyswoić 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:)
|