Home/ Questions/Q 9244099
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T08:56:50+00:00

I got an iframe in my page. Like this : <iframe width=600px> <html> <head>

  • 0

I got an iframe in my page. Like this :

<iframe width="600px">
    <html>
        <head>
        </head>
        <body>
            <p>Some text</p>
            <img src="/foo/bar/test.png" />
        </body>
    </html>
</iframe>

I want to be able to detect if the iframe contents is larger than 600px. I tried this one :

var iframe = $('iframe');
if (iframe.width() < iframe.contents().width()) {
    console.log('contents larger than the iframe');
}

It works on Firefox and Internet Explorer. But not on Chrome. On Chrome, iframe.contents().width() is 600.

I tried iframe.contents().find('body').width() but the result is also 600.

How can i detect the iframe contents real width in Chrome ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I guess you want to get the iframe width of a tinymce iframe.
    You could give this code snippet a try.
    What still needs to be done is to set the caret to the outer right position.
    The idea is to measure the caret location.

    var ed = tinymce.editors[0]; // or tinymce.get('your_editor_id')
var rng = ed.selection.getRng();
rng.collapse(true);

var bm = ed.selection.getBookmark();
var $marker = $(ed.getBody()).find('#'+bm.id);
var elem = ed.getDoc().getElementById(bm.id+'_start');

try {
    box = elem.getBoundingClientRect();
} 
    catch(e) 
{
    console.log('adjustIframePosition (irbasics) error creating box: ' + e);
}


var doc = ed.getDoc(),
    docElem = doc.documentElement,
    body = ed.getBody(),
    win = ed.getWin(),
    clientTop  = docElem.clientTop  || body.clientTop  || 0,
    clientLeft = docElem.clientLeft || body.clientLeft || 0,
    scrollTop  = win.pageYOffset || jQuery.support.boxModel && docElem.scrollTop  || body.scrollTop,
    scrollLeft = win.pageXOffset || jQuery.support.boxModel && docElem.scrollLeft || body.scrollLeft,
    top  = box.top  + scrollTop  - clientTop,
    left = box.left + scrollLeft - clientLeft;

console.log('iframe width: ' + (box.left + scrollLeft) );
    • 0