Replace iFrame with jQuery or Javascript

Question

I am using iFrame to call common footer and header into a muti-site wordpress but the header and footer load much later than the rest of the site. Here is what I have for the footer:

<iframe scrolling="no" height="395px" frameborder="0" width="100%" src="http://domain.com/common-footer/" class="footer-frame"></iframe>

Is there a better way to do this or to improve this? Thanks much.

Uhm, PHP comes to mind, and especially the built in methods in Wordpress for actually including headers and footers ? — adeneo
– adeneo, Commented Nov 15, 2014 at 1:25
Well, trying to share the main's header and footer dynamically with other sites/themes in wordpress and my developer came up with this "iFrame" solution. Now that I see the delay in loading, I'm trying to see if it can be improved somehow. — Dave_O
– Dave_O, Commented Nov 15, 2014 at 1:31
Your developer sucks, find someone else or read the Codex yourself and learn how it should be done, this is all built in ready to go -> codex.wordpress.org/Stepping_into_Templates — adeneo
– adeneo, Commented Nov 15, 2014 at 1:33

Ian Hazzard · Accepted Answer · 2014-11-15 01:30:19Z

0

You could do this easily with jQuery with the .load() function. Use it like this:

<script> 
$(function(){
  $("#header").load("header.html"); 
  $("#footer").load("footer.html"); 
});
</script>

HTML:

<div id="header"></div>
<!--Remaining section-->
<div id="footer"></div>

For more information about the .load() function: http://www.jquery-tutorial.net/ajax/the-load-method/

Hope this helps!

answered Nov 15, 2014 at 1:30

Ian Hazzard

7,7688 gold badges37 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Dave_O Over a year ago

Sorry, I'm a learner... So I will need to place the literal location of the header/footer in that script...right? like: "domain.com/common-footer"

Ian Hazzard Over a year ago

Do you need additional help? How can I help? At your service.

Dave_O Over a year ago

I need to call commen-footer.php into footer of a site. Will this work in that format you presented?

Ian Hazzard Over a year ago

Yes, you can make it do something like that: stackoverflow.com/questions/17257436/…

Collectives™ on Stack Overflow

Replace iFrame with jQuery or Javascript

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related