Pływające ramki - iframe

autor: Jarosław Pieczonka, ostatnia modyfikacja: 2007-02-22

szukaj: pływające ramki iframe ramki

Pływające ramki można umieścić w wybranym przez siebie miejscu na stronie i importować w tym miejscu inny plik html, stosowane są np. przy wyświetlaniu wpisów shoutboxa.

Mimo iż nie zaleca się ich używania, mimo iż nie znalazły się w specyfikacji XHTML 1.1 , mimo że zostały skazane na zapomnienie są dalej używane. Co sprawia, że są dalej stosowane?

Na pewno łatwość w instalacji na stronie ograniczającego się do krótkiego kodu, np:

<iframe width="300" height="200" src="plik.html">
Tu napis lub odwołanie w przypadku gdy przeglądarka nie 
obsługuje pływających ramek</iframe>

Jak widać budowa prosta, 'width' oznacza szerokość ramki, zaś 'height' wysokość. Za wywołanie dokumentu do ramki odpowiada 'src'.

Ciekawostką jest to co dzieje się między znacznikami iframe, mianowicie zawartość ta wyświetli się w przypadku gdy przeglądarka nie będzie obsługiwała pływające ramek.

Następną sprawą są dodatki, które usprawnią wizualnie i technicznie korzystanie z pływających ramek.

FRAMEBORDER - odpowiada za obramowanie, wartość 0 to jego brak, natomiast 1,2,3.. to grubość obramowania. np:

<iframe width="300" height="200" frameborder="0" src="plik.html">
Tu napis lub odwołanie w przypadku gdy przeglądarka nie 
obsługuje pływających ramek</iframe>

W przykładzie wyświetli się zawartość pliku bez obramowania. Lecz gdy np. tekst będzie zajmował więcej miejsca niż wartości zadeklarowane w 'weight' i 'height' pojawi się skroll. Skroll jest przydatny w razie konieczności przewijania tekstu, ale można się go pozbyć.

SCROLLING - odpowiada za wyświetlanie się skroll'a, standardowo wartość skroll'a przyjmuje 'auto', by skrolla się pozbyć wpisujemy 'scrolling=no', np:

<iframe width="300" height="200" scrolling="no" src="plik.html">
Tu napis lub odwołanie w przypadku gdy przeglądarka nie 
obsługuje pływających ramek</iframe>

Skroll nie będzie wyświetlany pomimo zawartości, która może być większa niż zadeklarowana szerokość lub wysokość w ramce.

MARGINWIDTH - jest to odstęp między lewą krawędzią pływającej ramki, a jej zawartością, przyjmuje wartości liczbowe w pixelach

MARGINHEIGHT - jest to odstęp między górną krawędzią pływającej ramki, a jej zawartością, przyjmuje wartości liczbowe w pixelach

ALIGN - położenie ramki np. w tekscie, przyjmuje wartości np: right, left itp.

<iframe width="300" height="200" align="right" src="plik.html">
Tu napis lub odwołanie w przypadku gdy przeglądarka nie 
obsługuje pływających ramek</iframe>

Wartość 'right' ustawi ramkę obok tekstu po prawej stronie.

NAME - jest to nazwa ramki, jest ona potrzebna w przypadku odwołania się do ramki np. w odnośniku.

<iframe width="300" height="200" name="ramka" src="plik.html">
Tu napis lub odwołanie w przypadku gdy przeglądarka nie 
obsługuje pływających ramek</iframe>

By wyświetlić w ramce zawartość za pomocą odnośnika trzeba zadeklarować target="ramka" Link będzie wyglądał następująco:

<a href="plik2.html" target="ramka">Trójkąt</a>

Po kliknięciu na link w naszej ramce o nazwie "ramka" plik.html zostanie zamieniony na plik2.html.

To tyle o ramkach, które budzą spore emocje dotyczące ich stosowania. Skazane na zapomnienie są dalej używane, w erze "dynamicznych" stron znajdują swoje zastosowania, nieraz wygrywają ze standardowymi funkcjami dynamicznych języków, które nie mogą zostać użyte ze względu na różne czynniki.

Jarosław Pieczonka

szukaj: pływające ramki iframe ramki

Osoby czytające tę publikację przeglądały również:

• Obsługa bazy MySQL za pomocą modułu mysqli
• Prosty preloader
• Zabezpieczenie przed hotlinkowaniem
• Omówienie komend fscommand
• Efekt rollover w CSS
• Indeks górny i dolny
• Prosty system newsów
• Pseudo tabele