Skróty:     Ankiety   |  Artykuły   |  Artykuły - ranking   |  Autorzy   |  Bajeczki   |  Blogi   |  Blogi - ranking   |  Fraszki   |  Galerie   |  Jak to zrobić   |  Kulinaria   |  Lepieje   |  Limeryki   |  Newsletter   |  Ogłoszenia   |  Opowiadania   |  Opowieść w odcinkach   |  Piosenki   |  Porady   |  Reportaże   |  Skrypty   |  Tabele   |  Tabulatury   |  Wiersze - ranking   |  Zdrowie   |  Redakcja - kontakt   |  RSS   |  Skorowidz

DYNAMICZNY ROZMIAR RAMKI IFRAME


  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            


Dodaj komentarz

Plain text

  • Znaczniki HTML niedozwolone.
  • Allows breaking the content into pages by manually inserting <!--pagebreak--> placeholder or automatic page break by character or word limit, it depends on your settings below. Note: this will work only for CCK fields except for comment entity CCK fields.
  • Znaki końca linii i akapitu dodawane są automatycznie.
  • Adresy internetowe są automatycznie zamieniane w odnośniki, które można kliknąć.
  • Znaki końca linii i akapitu dodawane są automatycznie.
CAPTCHA