Поместите файл HTML внутри div в другой файл HTML

0

Я пытался включить HTML файл в другой файл HTML, как показано ниже,

 <body>
  <form action="#" method="post">
     <div class="container">
        <div class="sidebar">
           <!-- Do not insert any tags here -->
        </div>
        <div class="contentbody">
          <div class="titlearea">
              <div class="userprofile"></div>
              <div class="pageheading">
                 <h1>Page Heading</h1>
              </div>
           </div>
           <div class="formarea">
              <!-- This is where I have to put the html page which contains a navigatin menu-->

                        <!--#include virtual="menuset1.html" --> 

           </div>
        </div>
     </div>
  </form>

Но когда я запускаю его на хроме, он не отображается (menuset1), когда я проверяю его на Dreamweaver, он появляется из-за всех элементов, а не в правильном положении. Пожалуйста, помогите мне в этом.

Теги:

1 ответ

0

Я думаю, вы должны использовать jquery,

<head>
   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  ....
  ....
  <script> 
    $(function(){
       $(".formarea").load("menuset1.html"); 
    });
  </script> 

Или используйте PHP как,

<div class="formarea">
    <?php
      include('menuset1.html');
    ?>
</div>

Читайте php-включение файлов

  • 0
    Пробовал это, но все равно он не появляется, это может быть проблема позиционирования? потому что для некоторых дивов в моей основной позиции HTML: абсолют

Ещё вопросы

Сообщество Overcoder
Наверх
Меню