Iframes problem

[PpSi]

Salut!

In ultima vreme lucrez la un site in interes personal si am dat peste o problema.

Pagina principala(indexul) contine doar navbarul, continul paginii fiind inclus intr-un iframe de 1000 pe 1000.

Problema e ca in anumite pagini am mai mult continut decat in celelalte(sau pe parcurs se va strange mai mult continut)--> pagina cu height > 1000.Ideea e ca nici nu vreau sa imi apara un scrollbar in iframe.

Am cautat putin si am gasit niste tutoriale(mai vechi, ce-i drept) care arata cum sa faci iframeul sa isi modifice inaltimea in functie de pagina ce urmeaza sa fie incarcatata, dar cand le-am pus in aplicare nu au facut ce am vrut eu sa faca.

asta si asta sunt 2 din cate am incercat.In legatura cu restul am avut si eu niste dubii asa ca nu m-am mirat cand nu au mers, deci nu are rost sa le postez.

Daca stie cineva un script care sa ma ajute, sau stie cum pot sa fac iframeul sa isi schimbe inaltimea in functie de paginea ce urmeaza sa fie incarcata, please healpf >.<

ty

We are gamers.The only thing we hate more than stagnation is change.

[PpSi]

BUMP!

anywone?

We are gamers.The only thing we hate more than stagnation is change.

[Tr3z3gu3T]

vezi ca nu cumva sa depinda de browser... posibil sa nu functioneze in toate...

[PpSi]

am vazut ca fiecare browser interpreteaza diferit variantele de mai sus, nevertheless, in nici unul nu mergeau.

in chrome nu se intampla absolut nimic.In firefox, opera si safari iframeul isi modifica heightul la aproximativ 250-300px si aparea un scrollbar in lateral, chiar daca daca avea scrolling="no" -.-

We are gamers.The only thing we hate more than stagnation is change.

[nr913]

În primul rând, cele 3 fișiere trebuie sã fie pe același domeniu.

main.html

Code:

<style> * { margin: 0px; padding: 0px; } </style> <a href="frame1.html" target="myIframe">Frame 1</a> | <a href="frame2.html" target="myIframe">Frame 2</a> <iframe id="frm" name="myIframe" src="" style="height: 200px; width: 100%; border: 1px solid #F00;"></iframe> <script language="javascript"> var ifrm = document.getElementById('frm'); ifrm.onload = function() {    ifrm.style.height = '1px';    ifrm.style.height = myIframe.document.body.scrollHeight + 'px'; }; </script>

frame1.html

Code:

<style> * { margin: 0px; padding: 0px; } </style> <div style="height: 1000px; width: 500px; border: 1px solid #000000;"></div>

frame2.html

Code:

<style> * { margin: 0px; padding: 0px; } </style> <div style="height: 200px; width: 500px; border: 1px solid #000000;"></div>

Attitude - A little thing that makes a BIG difference

[Tr3z3gu3T]

incearca si css@ overflow:

[nr913]

Nu merge cu overflow.

Attitude - A little thing that makes a BIG difference

[PpSi]

Scuze de raspunsul intarziat, am fost putin plecat zilele acestea! Mersi de raspuns!
Daaaar, poate am gresit eu ceva, insa nu merge:<
Am pus asta in head:

Code:

<script language="javascript"> var ifrm = document.getElementById('frm'); ifrm.onload = function() {    ifrm.style.height = '1px';    ifrm.style.height = myIframe.document.body.scrollHeight + 'px'; }; </script>

asta am in css la iframe

Code:

#ifrm { width:1000px; height:200px; position:relative; margin-top:5px; margin-left:17px; }

iar iframeul e declarat asa:

Code:

<iframe id="ifrm" name="ifrm" src="home.htm" frameborder="0" scrolling="0" >

Cand am incercat am schimbat la name din "ifrm" in "myiframe"(sa fie ca in exemplu dat de tine) si nimic.In javascript, la var ifrm = document.getElementById('frm'); , chiar la sfarsit nu trebuia idul/numele cu care am declarat eu iframeul?sau asa e scriptul?Ma refer la ('ifrm').Am incercat si acolo diferite variante dar tot nimic:<

De asemenea, am mai schimbat si linia asta: ifrm.style.height = myIframe.document.body.scrollHeight + 'px'; cand am vazut ca nu merge, din myIframe-->ifrm

in jur la pagina am un div "wrapper", care centreaza pagina, are vreo legatura cu problema mea?

Code:

.wrapper { margin: 0 auto; margin-top:-12px; text-align:left; width:1002px; }

there's the css.

Also, cand ma joc cu iframeul, mai pun frameborder 1, ca sa vad cum stau.Momentan scriptul, in materie de height, nu face nimic.Heightul ramane la 200px, dar imi apare un scrollbar vertical, chiar daca atunci cand am declarat frameul am setat scrolling="0".

LE:exista vreo sansa ca iframeul sa nu "creasca" pentru ca nu "ar mai avea unde"?Momentan nu i-am dat paginii per ansamblu o inaltime fixa.Cat de mare e iframeul, atat e pagina(bine, headerul e tot acolo).

We are gamers.The only thing we hate more than stagnation is change.

[nr913]

Dacã salvezi fișierele exact așa cum ți le-am dat eu și intri în main.html, o sã meargã bine. Fișierele trebuie puse pe un host cu același domeniu, mie nu îmi merge dacã le rulez de pe desktop (local file).

Problema la tine este cã ai pus javascript-ul în header. Eu îl pusesem dupã iframe. Adicã, întâi declarã iframe-ul, apoi îl acceseazã din JS. Dacã vrei sã îl pui în header, trebuie sã execute JS-ul doar dupã ce s-a încãrcat pagina, adicã la window.onload.

Încã o problemã, eu l-am testat doar în chrome, dar ar trebui sã meargã și în IE / FF.

LE: Le-am testat și în IE / FF, works like a charm. Take a look.

Attitude - A little thing that makes a BIG difference

[PpSi]

mersi din nou, am sa incerc din nou, insa momentan sunt prins cu lucrul la anumite parti de continut(partea de coding a mers mult mai rapid :<)

am sa revin cu un edit daca am reusit sau nu, mersi din nou!

P.S. Ti-as da +rep daca as putea, chit ca n-am mult, insa momentan nu am 1 sapt de la inregistrare

We are gamers.The only thing we hate more than stagnation is change.