import code html to html5

Question

How to import code another html to div html. i have 2 file html.

first.html
<div id="slider1">/import second.html/ </div> 
<div id="slider2">/import second.html/ </div> 
<div id="slider3"> /import second.html/</div>

second.html
<div id="mask">
<ul>
<li class="1"><a href="#"><img src="" alt=""/> </a></li>
<li class="2"><a href="#"><img src="" alt=""/> </a></li>
<li class="3"><a href="#"><img src="" alt=""/> </a></li>
</ul>
</div>
<div class="progress-bar"></div>

how to import second.html to first.html. i need second.html will show in div slider1 , slider2 and slider3.

your question is not clear ? do you want to load html page to a div ? — Jishnu V S, Dec 23 '16 at 06:07
You may search for php include for server side templating and jquery templating for client side templating. — Shoaib Konnur, Dec 23 '16 at 06:12
this link will help you http://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file — Rajashekhar, Dec 23 '16 at 06:14

score 3 · Answer 1 · answered Dec 23 '16 at 06:13

3

Have you tried include?

<div id="slider1"><?php include("second.html"); ?></div> 
<div id="slider2"><?php include("second.html"); ?></div> 
<div id="slider3"><?php include("second.html"); ?></div>

answered Dec 23 '16 at 06:13

Jaydeep Pandya

825
1
10
25

score 0 · Answer 2 · answered Dec 23 '16 at 07:26

There is first.html file which has 3 sliders.

function(){
  $('.second_file_contents').load('second.html'); // give appropriate path to your file
}

//first.html file contents
<div id="slider_1" class="second_file_contents"></div>
<div id="slider_2" class="second_file_contents"></div>
<div id="slider_3" class="second_file_contents"></div>

Hope this helps.

import code html to html5

2 Answers2