Projektowanie stron internetowych: kurs javascript

noclegi mrzeżyno - obuwie robocze - drukowanie ulotek - nod 32 - Wierszyki - zakłady sportowe - catering - hosting www - Okna z pcv - skarpety - forum fla muzyków - Wymiana linków - Pióra wieczne - SEO, Katalog, Pozycjonowanie - pc projekt

<<<	Projektowanie stron internetowych

[Ramki][Tworzenie nowych okien]

Tworzenie nowych okien

Tworzenie nowych okien jest wspaniałą cechą JavaScript. Okna te możemy dowolnie konfigurować, nadając im odpowiednie rozmiary, usuwając zbędne paski narzędzi. Dzięki temu możemy wymusić oglądanie strony w dowolnie wybranym przez nas rozmiarze.

Poleceniem wywołującym nowe okno jest:

window.open('url do strony','nazwa strony','ustawienia nowego okna')

Dzięki możliwości nadania nazwy oknie możemy, do naszego okna ładować nowe strony [patrz]
W polach "ustawienia nowego okna", możemy określić wymiary czy dostępne paski narzędzi w nowym oknie. Większość opcji zestawionych jest w poniższej tabelce:

Opcje	Ustawienia	Właściwości
Directories	yes\|no	Pokazuje/ukrywa przyciski katalogów
Location	yes\|no	Pokazuje/ukrywa pasek adresowy
Menubar	yes\|no	Pokazuje/ukrywa menu przeglądarki
Resizable	yes\|no	Określa czy okno może zmienić rozmiar
Scrollbars	yes\|no	Pokazuje/ukrywa paski przewijania
Status	yes\|no	Pokazuje/ukrywa pasek statusu
Toolbar	yes\|no	Pokazuje/ukrywa standardowy pasek narzędzi
Height	Liczby w pixelach	Wysokość okna
Width	Liczby w pixelach	Szerokość okna

Dodatkowe opcje w IE 4.x i NN 4.x:

Opcje	Ustawienia	Właściwości
Channelmode (IE)	0-niewidoczne 1-widoczne	Pokazuje/ukrywa listę kanałów CDF
Fullscreen (IE)	0 - standardowy rozmiar 1 - maksymalny rozmiar	Określa czy okno ma być rozciągnięta na cały ekran
Top	Liczby w pixelach	Położenie względem góry ekranu
Left	Liczby w pixelach	Położenie względem lewej strony ekranu

Teraz całość będzie wyglądać np.: tak:

window.open('ind.htm', '', 'toolbar=no, menubar=no, scrollbars=no, resizable=no, status=no, location=no, directories=no, top=400, left=500, fullscreen=yes, height=400,width=400');

[przykład]

Aby powiązać to z kodem javascript musimy napisać

function okno()
{
window.open('ind.htm', '', 'toolbar=no,menubar=no,scrollbars=no, resizable=no,status=no,location=no,directories=no,top=400, left=500,fullscreen=yes,height=400,width=400');
}

Teraz w dowolnym miejscu w dokumencie HTML

<a herf="javascript:okno()">Przykład</a>

Proszę zwrócić uwagę na sposób odwołania się do funkcji. Jeśli odwołujemy się poprzez link zawsze należy napisać przed daną funkcją słowo javascript:.

Nazywanie okna

Dzięki możliwości nadania oknu nazwy, możemy ładować do niego jakieś dokumenty. Robimy to za pomocą polecenia target

<a href="url" target="nasze_okno">

Nazwę okna umieszczamy w drugim cydzysłowiu :

window.open('ind.htm', 'nazwa_okna', '');

Zamykanie okien

Jak widzieliście w większości przykładów mojego kursu posiada przycisk zamykający okno. Dokonuje tego funkcja close().

function zamknij()
{
Close();
}

Należy pamiętać zawsze o nawiasach przy tej funkcji.

Tworzenie okien wewnątrz strony (on-the-fly)

Okna on-the-fly to jedna z najciekawszych możliwości JavaScriptu. Wyobraźmy sobie, iż chcemy stworzyć okno z napisem "cześć". Można to zrobić standardowymi metodami odwołując się do dokumentu HTML zawierającego stronę z napisem "Cześć". Ale my możemy to uprościć tworząc okno wewnątrz naszej strony.

Definicję otwarcia okna zaczynamy

document.open()

Nazwa może być dowolna

Definicję kończymy

document.close()

Pomiędzy tymi poleceniamy umieszczmy treść naszego okna. U nas będzie to wyglądało następująco:

function nasze_okno()
{
document.open();

document.write("<HTML><HEAD><TITLE> on-the-fly</TITLE></HEAD>");
document.write("<BODY>Cześć</BODY></HTML>");

document.close();
}