2013-09-23 5 views
0

я пытался включить файл HTML в другой HTML файла DIV, как следует,Поместите HTML файл внутри DIV в другой 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> 

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

+1

Looks например, такие файлы, как это зависит от сервера, я бы рекомендовал использовать php '' - Есть еще много ответов на этот вопрос уже - [http://stackoverflow.com/questions /8988855/include-another-html-file-in-a-html-file](http://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file) – Wez

+0

Это для проекта в JSP & Servlets –

ответ

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> 

Read php inclusion of files

+0

Пробовал это, но все же он не появляется, может быть, это проблема позиционирования? потому что для некоторых div в моей главной позиции html: absolute –

Смежные вопросы