DYNAMICZNY ROZMIAR RAMKI IFRAME

Oceń poradę:: 
Średnia: 4.9 (14 głosujących)

  Choć wielu webmasterów odradza ramki pływające ja uważam je za przydatną i dość łatwą w obsłudze opcję dla wielu rozwiązań. Chyba najczęstszym problemem z jakim się spotykam od lat jest dynamicznie dopasowujący się rozmiar tej ramki w zależności od załadowanego do niej pliku. Pomimo długich poszukiwań i testach zachwalanych rozwiązań nie znajdowałem zadowalającego rozwiązania. Przy wydatnej pomocy zaprzyjaźnionego programisty udało nam się osiągnąć takie rozwiązanie. Prostota i łatwość "instalacji na stronie" jest, że się tak pięknie wyrażę, powalająca.

Przedstawiam rozwiązanie w trzech krokach:

1. Tworzymy plik iframe.js i zapisujemy go w katalogu gdzie znajduje się strona zawierająca ramkę pływającą:


Wartość zawarta pomiędzy znakami +50+ jest dodatkowym dolnym marginesem na wypadek gdyby przeglądarka zbyt dosłownie przycieła, np. "zjadła" kawałek ostatniego wersu

2. W sekcji head każdego wpisywanego do iframe pliku zamieszczamy informację o tym pliku:

3. Umieszczamy iframe w odpowiadającym nam miejscu na stronie:

Wysokość określona w tym przypadku na 333 jest domyślną minimalną wysokością ramki po załadowaniu strony.

Ot i wsio. Łatwizna.

Pozdrawiam        

TJK            


PODOBNE STRONY:
Prosty licznik - PHP
Prosty zegar - JavaScript