Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!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" xml:lang="en" lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: lightgreen; font: 16px Helvetica, Arial; color: #fff; }
</style>
</head>
<body>
  <iframe id="dm_jukebox_iframe" style="overflow:hidden; margin:0; padding:0; width: 480px; height: 365px;" width="480" align="center" frameborder="0" marginwidth="0" marginheight="0" src="http://www.dailymotion.com/widget/jukebox?list[]=/us/featured&skin=default&autoplay=0&logo=1&no_tabs=1&syndication=168577"></iframe>
  
  <script>
    var $iframe = $('iframe');
    
    /***
    In addition to waiting for the parent document to load
    we must wait for the document inside the iframe to load as well.
    ***/
    $iframe.load(function(){      
      var $iframeBody = $iframe.contents().find('body');
      console.log("one");
      alert($iframeBody.height());
      
      /***
      IE6 does not like it when you try an insert an element
      that is not made in the target context.
      Make sure we create the element with the context of
      the iframe's document.
      ***/
      var $newDiv = $('<div/>', $iframeBody.get(0).ownerDocument);
      $newDiv.css('height', 2000);
      
      $iframeBody.empty().append($newDiv);
      
      alert($iframeBody.height());
    });
  </script>
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers