access external html body's width and height with javascript and/or jquery

Question

I am using the fancybox plugin to open up an html file in the fancybox popup. How do I access the external html files width and height using javascript/jquery. My external html looks something like this:

<html>
<head>
<style type="text/css">
body {
  width:500px;
  height:500px;
  background-color:red;
}
</style>
</head>

<body>
<p>TEXT_TEXT_TEXT</p>
</body>
</html>

Does the FancyBox open the html file in an iframe? – Badr Hari May 24 '12 at 01:00 — Badr Hari, May 24 '12 at 01:00

score 1 · Accepted Answer · answered May 24 '12 at 01:09

I guess FancyBox will load the html file in iFrame, then it would be something like that:

This goes to your html file (which is being used in iframe):

window.myFunction = function(width, height) {
 //change body width
 //change body height
}

And like that you can access the function in iframe

document.getElementById('YOURFRAMEIDHERE').contentWindow.myFunction(args);

access external html body's width and height with javascript and/or jquery

1 Answers1