P│ywaj▒ce ramki

P│ywaj▒ce ramki, wprowadzone po raz pierwszy przez IE3, zyska│y sobie ostatnio uznanie World Wide Web Consortium i znalaz│y siΩ w oficjalnej specyfikacji jΩzyka. Nazwa "p│ywaj▒ca" pochodzi jeszcze z pocz▒tk≤w egzystencji tego elementu - "floating frame". W tej chwili coraz czΩ╢ciej u┐ywana jest nazwa "inline frame" i stosownie do tego zosta│o nawet zmienione definiuj▒ce j▒ polecenie - IFRAME. Mogliby╢my siΩ wiΩc r≤wnie dobrze pos│u┐yµ nazw▒ "ramka lokalna", co tak┐e poprawnie odzwierciedla istotΩ tego elementu.

Uwaga: p│ywaj▒ce ramki s▒ interpretowane obecnie (marzec 1998) jedynie przez Internet Explorera.

Klasyczne ramki pozwalaj▒ dzieliµ ekran przegl▒darki na odrΩbne okna. P│ywaj▒ca ramka jest ramk▒ umieszczon▒ w dowolnym miejscu strony i jest prostsza w konstrukcji, gdy┐ ogranicza siΩ w zasadzie do jednego polecenia:

Przyk│ad:

Zdanie "Oops! Twoja przegl▒darka nie akceptuje p│ywaj▒cych ramek" zostanie wy╢wietlone w przegl▒darkach nie akceptuj▒cych p│ywaj▒cych ramek. Mo┐emy jednak podaµ w tym miejscu adres dokumentu, kt≤ry jest wczytywany do p│ywaj▒cej ramki. KlikniΩcie na tym adresie pozwoli u┐ytkownikowi takiej przegl▒darki, np. Navigatora, obejrzeµ zawarto╢µ na odrΩbnej stronie. Przyk│ad dla posiadaczy "nieInternetExplorera":

Tutaj akurat ramka ma 450x250 punkt≤w i zosta│ do niej automatycznie wczytany dokument car1.html.

Oczywi╢cie, gdyby dokument by│ nieco d│u┐szy, pojawi│by siΩ suwak.

Gdyby╢my z kolei chcieli siΩ pozbyµ obramowania ramki, mogliby╢my podaµ definicjΩ:

<IFRAME WIDTH=300 HEIGHT=200 FRAMEBORDER=0 SRC="ie3font.htm">Oops! Twoja przegl▒darka nie akceptuje p│ywaj▒cych ramek</IFRAME>
ProszΩ zwr≤ciµ uwagΩ na parametr FRAMEBORDER.

Je╢li podamy w definicji parametr SCROLLING=NO, ramka zostanie pozbawiona suwaka.

No i nie dowiemy, siΩ, gdy┐ dokumentu w ramce nie da siΩ przewin▒µ.

HTML 4 przewiduje u┐ycie parametr≤w MARGINWIDTH=x i MARGINHEIGHT=x. Pozwalaj▒ one wprowadziµ dodatkowe marginesy w p│ywaj▒cej ramce (proszΩ por≤wnaµ przyk│ad, w kt≤rym u┐yto margines≤w 70 pikseli, z nastΩpnym obrazkiem).

P│ywaj▒ca ramka mo┐e byµ oddzielona od s▒siaduj▒cych z ni▒ element≤w o podan▒ liczbΩ pikseli, w pionie lub/i w poziomie.

VSPACE=x dotyczy odstΩpu pionowego, natomiast HSPACE=y - poziomego (HTML 4 nie przewiduje jednak stosowania tych parametr≤w w odniesieniu do p│ywaj▒cych ramek).

Ta ramka jest odzielona o 50 pikseli w pionie od tekstu nad i pod ni▒.

P│ywaj▒c▒ ramkΩ mo┐na ustawiµ po prawej stronie, u┐ywaj▒c polecenia ALIGN=RIGHT.

To by│y zabawy, a na zako±czenie poka┐emy jeszcze ca│kiem praktyczne zastosowanie p│ywaj▒cych ramek, wykorzystuj▒c imienne ich adresowanie.

Autorzy stron, kt≤rzy stosowali ramki w postaci klasycznej, zetknΩli siΩ oczywi╢cie z parametrem NAME. Parametr ten pozwala│ nadaµ nazwΩ ramce, a nastΩpnie kierowaµ do niej dokumenty HTML, powo│uj▒c siΩ na nazwΩ.

Tak┐e i tutaj mo┐na wykorzystaµ ten mechanizm. Wystarczy w definicji ramki podaµ NAME="jaka╢nazwa". Na przyk│ad:

<IFRAME WIDTH=300 HEIGHT=200 NAME="jaka╢nazwa" SRC="dokument.htm"></IFRAME>

A teraz mo┐emy zdefiniowaµ odsy│acze do kilku stron, kt≤re po klikniΩciu bΩd▒ wczytywaµ do ramki podane strony. Na przyk│ad:

<IFRAME WIDTH=300 HEIGHT=200 NAME="auto" SRC="car1.htm"></IFRAME>

<A HREF="car1.htm" TARGET="auto">Pickup</A>

<A HREF="car2.htm" TARGET="auto">Minivan</A>

i tak dalej.

Ostatecznie otrzymamy taki oto rezultat: