Skip to content

A few more tips on iFrames

March 7, 2013

I had been using jsfiddle.net to find out if css selectors can be applied for iFrames, and as it stands, you cannot apply these inside an iFrame as all jQuery can see is the iFrame component and not its contents.

To test this, you can add

<div><p id=’test’>this is just a test</p></div>

and

$(document).ready(function() {
$(‘div’).css({
opacity: 0.1,
color: ‘teal’
});
});

Notice that the opacity 0.1 and color text ‘teal’ is set to the paragraph “this is just a test” only.

It is useful to place anything you would like to apply for css into jsfiddle.net to give you instantaneous results rather than having to wait for refreshing the web page or reloading the page on the local machine as this can take time especially on a slow machine (from what I had experienced!).The only way that IFrame contents can be manipulated is using privoxy which over the last few days I am using to modify web content.

Advertisements

From → Uncategorized

Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: