Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Automatyczna wysokość iframe
MitS
post 20.10.2005, 07:10:05
Post #1





Grupa: Zarejestrowani
Postów: 262
Pomógł: 5
Dołączył: 8.02.2005
Skąd: Olsztyn / Zatorze

Ostrzeżenie: (0%)
-----

Witam!
Potrzebny jest skrypt w php (lub czymś innym), który ustawiałby automatycznie wysokość iframe tak aby strona automatycznie dopasowywała się do strony wczytywanej w iframe .
Strona wczytywana w iframe pochodzi z innego serwer jest obca!
I niestety nie umiem php sad.gif a chcem jedynie zrobić jeden prosty serwis, lecz nie moge bo nie wiem jak wykonać mój problem opisany powyżej. Jeżeli znajdzie się dobry człowiek który mi w tym pomoże będe wdzieczny (mogą być gotowe skrypty z innych stron, odnośniki itp).

Pozdrawiam
Go to the top of the page
+Quote Post
mike
post 20.10.2005, 07:14:31
Post #2





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----

Cytat(MitS @ 2005-10-20 08:10:05)
I niestety nie umiem php sad.gif

No właśnie widzę smile.gif
php działa po stronie serwera i nie da się takiego efektu w nim osiągnąć.
W ogóle php jako tako nie ma żadnego związku z HTML'em.

Przenoszę na "Po stronie przeglądarki"
Go to the top of the page
+Quote Post
tmk
post 20.10.2005, 15:38:29
Post #3





Grupa: Zarejestrowani
Postów: 135
Pomógł: 0
Dołączył: 15.04.2004
Skąd: w-wa

Ostrzeżenie: (0%)
-----

coś możnaby kombinować:
Na początku <BODY>
Kod
<script LANGUAGE="JavaScript" >
    Wys=screen.height;
    document.write("<style TYPE=\"text/css\">.wys_frame {height: "+(0.5*Wys)+"px;}</style>");
</script>


a potem wstawić ta klasę class="wys_frame" dla ramki
Go to the top of the page
+Quote Post
Sky_walker
post 27.06.2006, 16:42:11
Post #4





Grupa: Zarejestrowani
Postów: 214
Pomógł: 23
Dołączył: 26.09.2005

Ostrzeżenie: (0%)
-----

Jak ustawić automatycznie wysokość Iframe zależnie od wysokości tekstu w niej się znajdującego?

Tworzysz plik resizeIframe.js
[HTML] pobierz, plaintext 
  1. function resizeIframe(x){try{x.scrolling='no',x.style.height=x.contentWindow.document.body.scrollHeight+30+'px'}catch(x){}}
[HTML] pobierz, plaintext

i w pliku index.html (w nim są Iframe'y):
w head:
[HTML] pobierz, plaintext 
  1. <script type="text/javascript" src="resizeIframe.js"></script>
[HTML] pobierz, plaintext

w body dodajemy iframe:
[HTML] pobierz, plaintext 
  1. <iframe src="index_iframe.html" onload="resizeIframe(this)" frameborder="0"></iframe>
[HTML] pobierz, plaintext

Genialne i proste zarazem.

Ten post edytował Sky_walker 30.06.2006, 18:03:02


--------------------
Pomogłem? Kliknij poniżej.
Dzięki! :D
Go to the top of the page
+Quote Post
zientek18
post 15.06.2008, 18:58:04
Post #5





Grupa: Zarejestrowani
Postów: 45
Pomógł: 0
Dołączył: 8.01.2006

Ostrzeżenie: (0%)
-----

Witam

Bardzo ładnie to opisałeś Sky_walker. Wszystko działa poprawnie, ale mam pewien problemik, ponieważ na mojej stronie mam:
Z lewej strony MENU z prawej ZAWARTOSC STRONY i używam tego skryptu dla obu <iframe>, ale gdy menu jest któtsze niż zawartość strony (lub na odwrót) jest ono na srodku tabeli co wyglana bardzo nieestetycznie, strona działa tylko poprawnie gdy dla obu tych stron jest to samo HEIGHT (ta sama wysokosc) stad takie moje pytanko:

Czy ktoś wie jak przerobić ten skrypt, aby dla dwóch innych <iframe> była przypisywana automatyczna wysokosc tak jak dotychczas plus pobranie najwyzszej wysokosci ramki jednej z dwoch i przypisanie ich obu takiej samej wysokosci (najwiekszej)<iframe>

Mam nadzieje ze mnie zrozumieliscie, bardzo bede wdzieczny za odpowiedz i juz z gory dziekuje!
Pozdrawiam serdecznie i zycze milego dnia!

Już mam, valign="top" w <td> załatwiło sprawe, ale jestem happy, jak chcesz na kogos liczyc to licz na siebie wstydnis.gif
Mozna zamknac temat winksmiley.jpg

Ten post edytował zientek18 15.06.2008, 10:24:33
Go to the top of the page
+Quote Post
artideejay
post 3.03.2012, 13:51:13
Post #6





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 3.03.2012

Ostrzeżenie: (0%)
-----

Temat stary ale natknąłem się na niego więc odpisuje, być może się komuś przyda
Jeśli chcemy uzyskać automatyczną iframe zmieniająca wysokość w zależności od ładowanej w niej zawartości możemy zamiast używać skryptów, zrobić to prosto modyfikując ustawienia iframe

Tworzymy 2 dokumenty - pierwszy nazwę "ramka1.htm" drugi "ramka2.htm"
W ramce1 ładować się będzie ramka2, a w ramce2 ładować się będą strony z odnośnikami
_self
Strony nie musza być na tym samym serwerze, może być to jakakolwiek strona z internetu
Ramka1 jest naszym głównym dokumentem i ona ukazuje cały efekt "auto iframe"

Kod:

Dokument "ramka1":

[HTML] pobierz, plaintext 
  1. <head>
  2. <title>ramka1</title>
  3. </head>
  4. <body style="overflow:hidden">
  5.  <p>
  6. <iframe  name="I1" marginwidth="1" marginheight="0" height="98%" width="101%" scrolling="no" align="middle" border="0" frameborder="0" allowtransparency="true" src="ramka2.htm">
  7. Twoja przeglądarka nie obsługuje ramek wbudowanych lub jest obecnie skonfigurowana tak, aby nie wyświetlać ramek wbudowanych.
  8. </iframe></p>
  9. </body>
[HTML] pobierz, plaintext


Drugi dokument "ramka2.htm":

[HTML] pobierz, plaintext 
  1. <head>
  2. <title>ramka2</title>
  3. </head>
  4. <body  style="background-color: transparent;" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
  5. <p>
  6. <iframe  name="I1" marginwidth="1" marginheight="0" height="100%" width="100%"  border="0" frameborder="0" allowtransparency="true" src="http://adres_twojej_strony" align="middle">
  7. Twoja przeglądarka nie obsługuje ramek wbudowanych lub jest obecnie skonfigurowana tak, aby nie wyświetlać ramek wbudowanych.
  8. </iframe></p>
  9. </body>
[HTML] pobierz, plaintext



w iframe w miejsce adres_twojej_strony - oczywiście wpisujemy adres naszej strony internetowej która będzie się otwierać w ramce
Można tu wpisać adres strony z innego serwera jak również adres strony z naszego serwera, np index.htm
Działa pod każdą przegladarka
Ramki są ustawione tak aby były przeźroczyste.
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 29.06.2025 - 14:41
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn