How to apply css in iframe with javaScript?

See Following Working Example:
Suppose you have Following Iframe

<iframe border="0" cellspacing="0" frameborder="0" id="myIframeWebsite" name="myIframeWebsite" src="http://example.com/mydir/file.html"></iframe>

Now you just need to add a script code which will add the css file in iframe.
For Example:

<iframe border="0" cellspacing="0" frameborder="0" id="myIframeWebsite" name="myIframeWebsite" src="http://example.com/mydir/file.html"></iframe>
<script type="text/javascript">
var iframeCssLink = document.createElement("link") 
iframeCssLink.href = "/css/myiframecss.css"; 
iframeCssLink.rel = "stylesheet"; 
iframeCssLink.type = "text/css"; 
frames['frame1'].document.body.appendChild(iframeCssLink);
</script>

What will do above code
Whenever iframe load in browser, "/css/myiframecss.css" file will will be added in the head of iframe.
You just need to add all the css inside "/css/myiframecss.css"


Note: Iframe and website must have same Domain, Port and protocol.

Best Related Posts are Following:

1. How to load disqus when scroll to the bottom of the page?.
2. How do you get a timestamp in JavaScript?.
3. How do closures work in Javascript.
4. Load multiple javascript files asynchronously.
5. Javascript Interview Questions and Answers for Experienced 2.
6. How do I copy to the clipboard in JavaScript.
7. Difference between encodeuri and encodeuricomponent in javascript.
8. What is difference between event.preventDefault() and return false in Javascript?.
9. What is the difference between call and apply in javascript?.
10. How to Include a JavaScript file in another JavaScript file?.
11. How can I get query string values in JavaScript and jQuery?.

How to create wordpress Shortcode?

Question: What is Shortcode in Wordpress?
A shortcode is code that lets you do nifty things with very little effort.


Question: What is use Shortcode in Wordpress?
Shortcodes can be embed in post Or page which can do lot of things like Image Gallery, Video listing etc.


Question: Give a simple Shortcode example?

[gallery]

It would add photo gallery of images attached to that post or page.


Question: What is Shortcode API in Wordpress?
Shortcode API is set of functions for creating shortcodes in Page and Post.


The Shortcode API also support attributes like below:

[gallery id="123" size="large"]

Question: What is name of function which is used to register a shortcode handler?

add_shortcode

It has two parameter.
first is shortcode name and second callback function. For Example:

add_shortcode( 'shortcode', 'shortcode_handler' );

Question: How many parameter can be passed in callback function?

1. $atts - an associative array of attributes.
2. $content - the enclosed content
3. $tag - the shortcode tag, useful for shared callback functions

Question: How to create shortcode in wordpress? Give working example? Create Shortcode

function testdata_function() {
  return 'This is testing data. This is testing data. This is testing data. This is testing data. This is testing data. This is testing data.';
}
add_shortcode('testdata', 'testdata_function');

Use Shortcode

[testdata]

Question: How to create shortcode with attributes in wordpress? Give working example?
Create Shortcode

function testdata_function($atts) {
    extract(shortcode_atts(array(
      'header' => 'This is default heading',
      'footer' => 'This is default footer',
   ), $atts));

  return '<b>'.$header.'</b>
This is testing data. This is testing data. This is testing data. This is testing data.
<b>'.$footer.'</b>';
}
add_shortcode('testdata', 'testdata_function');

Use Shortcode

[testdata header="Custom Heading" footer="Custom footer"]

Question: How to create shortcode with in wordpress? Give working example?
Create Shortcode

function testdata_function($attr, $content) {
  return $content.' This is testing data. This is testing data. This is testing data. This is testing data. This is testing data. This is testing data.';
}
add_shortcode('testdata', 'testdata_function');

Use Shortcode

[testdata]This is content[/testdata]

Question: What to do if Ampersand (i.e &) converted to &?
Use html_entity_decode function (PHP inbuilt function).


Question: How to use meta tags in shortcode?
If you want to add meta tags in head tag. then use below function.

add_action('wp_head', 'add_meta_tags');
function add_meta_tags() {
        echo '';
    }

Best Related Posts are Following:

1. XMLRPC Wordpress Attack.
2. Wordpress insert record into table and get last insert Id.
3. Wordpress Interview Questions and Answers for experienced.
4. How do I get wordpress global variable and functions in custom file [SOLVED].
5. How to send Email in wordpress.
6. How to change the author of a post in Wordpress.
7. How can delete a user without deleting the post and comments in wordpress?.
8. Wordpress redirect https to http with htaccess [SOLVED].
9. Wordpress Website title repeated two times in browser header [SOLVED].
10. Wordpress Interview Questions and Answers.