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
– Jishnu V S, Commented Dec 23, 2016 at 6:07
You may search for php include for server side templating and jquery templating for client side templating. — Shoaib Konnur
– Shoaib Konnur, Commented Dec 23, 2016 at 6:12
this link will help you stackoverflow.com/questions/8988855/… — Rajashekhar
– Rajashekhar, Commented Dec 23, 2016 at 6:14

Jaydeep Pandya · Accepted Answer · 2016-12-23 06:13:18Z

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, 2016 at 6:13

Jaydeep Pandya

8551 gold badge11 silver badges25 bronze badges

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

Comments

Bhavin Shah · Accepted Answer · 2016-12-23 07:26:17Z

0

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.

answered Dec 23, 2016 at 7:26

Bhavin Shah

2,4824 gold badges24 silver badges36 bronze badges

Collectives™ on Stack Overflow

import code html to html5

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related