I have a iframe which shows a page from an external source in my page’s div. I would like to change the style in which the contents of the page are shown to a jquery-mobile type of style.
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a iframe which shows a page from an external source in my page’s div. I would like to change the style in which the contents of the page are shown to a jquery-mobile type of style.
Unfortunately thats not possible, the browsers work with iframes as if these are different tabs, so they have a different set of javascript and css files.
The only thing you could do is using js access the iframe and execute some js over it to make it include your own css. The problem with this approach is that browsers doesn’t allow you to communicate with an iframe unless they share the same domain… and from what you say thats not the case…
You have more info about cross domain communcations here:
http://softwareas.com/cross-domain-communication-with-iframes