Convert jQuery function to pure JavaScript

**nayen** · Jan 6, 2013 00:19

Hi,

How can I convert the following jQuery function to pure JavaScript? Purpose: so that I will not need to include jQuery file in the header. I tried a couple of things but it didn't work.

Code:

$(function () {
	$('#myiframe').on('load', function () {
		$('#myiframe').contents().find('body').css('height', '2000px');
	})
})

**Pullo** · Jan 6, 2013 06:31

Hi nayen,

Just hook into the iframe's onload function:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Iframe Example</title>
  </head>
  
  <body>
    <iframe src="iframe.html" id='myiframe'></iframe>
    
    <script>
      var i = document.getElementById("myiframe");
      i.onload = function() {
        this.contentWindow.document.body.style.height = '2000px';
      };
    </script>
  </body>
</html>

Hope that helps.

**nayen** · Jan 6, 2013 06:53

Thank you very much! That worked.

User Tag List

Thread: Convert jQuery function to pure JavaScript

Thread Tools

Display

Convert jQuery function to pure JavaScript

Bookmarks

Bookmarks

Posting Permissions