loading a html file with another html file

Question

I'm trying to make a HTML page (lets say index.html) that will have a dynamic drop down menu. What i want to do is to keep my dropdown menu in a seperate html file(menu.html) so that it will be easier to maintian. What i want to know is that how to load the menu.html file within the index.html file?

I have tried with some frame examples but the menu.html file which contains the DD menu doesnot appear in the index page.

Like for example, I have tried with this in my index page but nothing appears:

<frameset rows="200,*" frameborder="0" border="0" framespacing="0">
<frame src="menu.html" marginheight="0" marginwidth="0" scrolling="auto" noresize>

If you use the iframe tag, don't forget to add a width and height. — T. Junghans
– T. Junghans, Commented Mar 12, 2012 at 12:05
Better use a dynamic language for web like php. I suggest this tutorial tutorialzine.com/2011/08/jquery-mobile-mvc-website-part-2 — dotoree
– dotoree, Commented Mar 12, 2012 at 12:05
Solution available here: stackoverflow.com/questions/39447411/… — Error - CPU Not Foud
– Error - CPU Not Foud, Commented Sep 12, 2016 at 17:10

ChapMic · Accepted Answer · 2012-03-12 12:09:28Z

1

If you want to stay in HTML, uses : <iframe src="menu.html" width=400 height=200></iframe> with the width and height you want.

But the best is to use PHP by including the file like this :
<?php include('menu.html'); ?>

But it is your choice at the end.

answered Mar 12, 2012 at 12:09

ChapMic

28.3k1 gold badge24 silver badges20 bronze badges

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

Comments

T. Junghans · Accepted Answer · 2012-03-12 12:07:25Z

0

Try specifying the column width as described here.

<frameset cols="100%">
  <frameset rows="200, *">

answered Mar 12, 2012 at 12:07

T. Junghans

11.7k8 gold badges55 silver badges78 bronze badges

Comments

pengibot · Accepted Answer · 2012-03-12 12:07:40Z

0

If you use php you can simply include it. here is a link to a tutorial to show you how to do this tutorial. If you don't use php then ignore this answer, but far better this than frames which have a lot of restrictions on how the content might be shown.

answered Mar 12, 2012 at 12:07

pengibot

1,5523 gold badges16 silver badges35 bronze badges

Comments

Rupo · Accepted Answer · 2012-03-12 12:10:17Z

0

You can use jQuery and the .load() function for this purpose.

Example:

jQuery:

$(function() {
    $("#menu").load("menu.html");
});

HTML:

<div id="menu">
</div>

answered Mar 12, 2012 at 12:10

Rupo

4023 silver badges8 bronze badges

Comments

DIXON THANKACHAN · Accepted Answer · 2013-08-07 13:51:33Z

0

Using jQuery you can handle it

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#divId").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="divId"></div>
  </body> 
</html>

answered Aug 7, 2013 at 13:51

DIXON THANKACHAN

2092 silver badges3 bronze badges

Collectives™ on Stack Overflow

loading a html file with another html file

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related