have one question, i trapped in a prob..The problem is like that --->I have to manipulate the css of inner html of iframe but the content of this iframe is not coming from same domain so how can it makes possible
live eg.-u can take ("tweets feed in our website ,it comes from another domain tweeter.com/bla....blaa but render on our web page encapsulate with iframe,so how can i style tweet section in our website")
i have tried by jQuery but its not working can u plz help me out in that ?
Thanks in advance :)
<head>
<script>
$(document).ready(function() {
$('iframe').contents().find('body').css('background','red');
$('iframe').contents().find('#div_').css('color','green');});
</script>
</head>
<body>
<div class="carol" height="" width="200px">
<iframe width="500" heught="300" src="iframe.html">
<html>
<head></head>
<body style="background:#ffffff">
<div id="div_" style="color:red">helllo dud</div>
</body>
</html>
</iframe>
</div>
</body>
this is not working after that i have implement
$('iframe').load( function() {
$('iframe').contents().find("head")
.append($("<style type='text/css'> #div_{color:green;} </style>"));
});
it is also not working
Submit an article or tip