[PHP/HTML] webpage resizing dmv inhoud php page

[Willson]

Na meerdere keren gezocht te hebben, ben ik er nog steeds niet uit

Ik heb een website opgebouwd in table’s. In één van deze table’s zit een Iframe. In dit Iframe wordt een php pagina geladen. Deze pagina verschilt vaak van grote. Ik zou dus graag willen dat mijn pagina zichzelf aanpast naar de inhoud van mijn php pagina.
Na het zoeken in GoT ben ik er achter gekomen dat dit mogelijk is dmv java. Ik heb alleen geen idee welke code ik hiervoor moet gebruiken, of waar ik deze moet plaatsen.
Kan iemand mij hierbij assisteren?

code:

<tr align="left">
                    <th scope="col">&nbsp;</th>
                    <th scope="col"><iframe frameborder="0" scrolling="no" src="http://www.xxxxxx-xxxx.nl/news" width="350" height="750"></iframe></th>

Ik ben niet de enigste met dit probleem volgens mij. Aangezien ik genoeg topics er over gezien heb, maar zonder concreet antwoord

[NMe]

Kun je wat duidelijker zijn? Wat wil je doen? Ik vind een zin als "Ik zou dus graag willen dat mijn pagina zichzelf aanpast naar de inhoud van mijn php pagina" nou niet echt duidelijk overkomen.

[Alex)]

Je kan je Iframe als een buffer gebruiken, dan wordt alles in een iframe ingeladen en daarna in een <div> gepropt. Zoek maar eens op Google op 'javascript iframe buffer' o.i.d.

[Willson]

Ik zou dus willen dat de hoogte van index.htm zich aanpast aan de inhoud van news.php die word geladen in een iframe in index.htm

[Alex)]

Zie mijn reactie. Het is een heel klein stukje script...

[NMe]

crisp gaat me hiervoor slaan. Als je een table eromheen zet, dan heb je geen Javascript nodig.

[Willson]

-NMe- schreef op zondag 16 januari 2005 @ 22:15:
crisp gaat me hiervoor slaan. Als je een table eromheen zet, dan heb je geen Javascript nodig.

[noob modus]

Wat dan wel ?

[Verwijderd]

nog een tip: het is niet java dat je zoekt maar javascript...

[Alex)]

JavaScript:

<script language="JavaScript">
function goto(target) {
// Gebruik deze methode om naar een pagina te springen
frames['buffer'].location.href=target; 
}
function loadcontent() {
// Deze methode zorgt ervoor dat de DIV 'content' gevuld wordt.
content.innerHTML=parent.frames['buffer'].document.body.innerHTML;
}
</script>

HTML:

<div id='content'> </div>

<Iframe name="buffer" onLoad="loadcontent()" height="1" width="1">
<a href="http://doelurl" target="buffer">klik hier!</a>

Moet werken volgens mij...

[ Voor 23% gewijzigd door Alex) op 16-01-2005 22:18 ]

[Willson]

hmm, ik ben er even aan de gang mee gegaan. En moet bekennen dat ik er niet helemaal in thuis ben.

Zou je mij kunnen vertellen waar ik dit moet plaatsen in de volgende code ?

code:

<td background="gfx/newsbackground.jpg"><p>[img]"gfx/bottemline.jpg"[/img]</p>
                <table width="739" height="28" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <th width="359" scope="col">[img]"gfx/balknws.jpg"[/img]</th>
                    <th width="7" scope="col">&nbsp;</th>
                    <th width="30" scope="col">&nbsp;</th>
                    <th width="333" scope="col">[img]"gfx/balkml.jpg"[/img]</th>
                  </tr>
                </table>                <p>&nbsp;</p>
                <table width="400" height="377" border="0" align="left" cellpadding="0" cellspacing="0">
                  <tr>
                    <th width="40" scope="col"><p></p>
                      <p>&nbsp;</p></th>
                    <th width="354" scope="col"><iframe frameborder="0" scrolling="no" src="http://www.xxxxx-xxxx.nl/news" width="350" height="750"></iframe></th>
                  </tr>
                </table>                
                <table width="350" height="250" border="0" align="right" cellpadding="0" cellspacing="0">
                  <tr>
                    <th width="320" scope="col"><iframe frameborder="0" src="http://www.xxxxx-xxxx.nl/MailingList" width="350" height="200"></iframe></th>
                    <th width="24" scope="col">&nbsp;</th>
                  </tr>
                </table>                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                </td>
            </tr>
          </table>          
        </th>

[ Voor 60% gewijzigd door Willson op 16-01-2005 22:34 ]

[Creepy]

Willson schreef op zondag 16 januari 2005 @ 22:31:
hmm, ik ben er even aan de gang mee gegaan. En moet bekennen dat ik er niet helemaal in thuis ben.

Zou je mij kunnen vertellen waar ik dit moet plaatsen in de volgende code ?

Dat je er niet in thuis bent is geen excuus om alleen je code te dumpen en te vragen of mensen het voor je willen fixen. Hier op GoT vragen we iets meer inzet. Met de voorbeelden die je nu hebt gekregen moet je echt wel in staat zijn om tot een oplossing te komen.

Daarnaast hoort client side gebeuren (html, javascript e.d.) bij de buren in Webdesign & Graphics