Prova detta (alla filer ligger i samma mapp i detta exempel):
index.htm:
Kod:
<html><head>
<title>Iframeförändring</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="#ffffff" leftmargin="10" topmargin="10">
<div id="kldiv"><iframe src="test.htm" width="100%" height="100%"></iframe></div>
</body></html>
test.htm:
Kod:
<body bgcolor="#f1f1f1">
<script type="text/javascript" src="test.js"></script>
<a href="javascript:setSize('kldiv','200px','500px');">500x200 pixlar</a><br />
<a href="javascript:setSize('kldiv','400px','500px');">500x400 pixlar</a><br />
<a href="javascript:setSize('kldiv','600px','500px');">500x600 pixlar</a><br />
</body>
test.js:
Kod:
function el(element){
return top.document.getElementById(element);
}
function setSize(id,h,w) {
el(id).style.height=h;
el(id).style.width=w;
}
setSize('kldiv','400px','500px');
Så har jag löst det, men tänk på att detta inte fungerar över domäner. Dvs, du kan inte lägga domän a i iframen som ligger på domän b.
Sen kan man självklart snygga till det vad gäller validering hos w3 samt användbarhet mm.
//Daniel