load external html file to div using jquery

Question

I am using a html page which has many tooltips. each tooltip has a gallery, since it is not possible to use multiple gallery which has same id, I am planning to create 6 different html files for gallery, then load the gallery into my default page.

I need to cal the html page for each div. I tried .load but it is not working.

<div id="flrmain">need to call the html file inside this div.<div>

Please help.

What means 'not working'? Nothing happens? You get errors? Not all content gets loaded? etc. Please post the code you tried. — BartekR
– BartekR, Commented Jan 13, 2012 at 11:15
No it's not working!! I have added only div portion in external html (without doctype/body/html tags).. tried with below code but not getting html page inside my div. $.get('timeless_op1.html') .success(function(data) { $('#flrmain').html(data); }); — Sowmya
– Sowmya, Commented Jan 16, 2012 at 6:35

Skyrim · Accepted Answer · 2012-01-13 11:23:11Z

17

$.get('test.html')
 .success(function(data) {
     $('div.content').html(data);
 });

EDIT

If you need it for that specific div, replace 'div.content' with '#flrmain'.

edited Jan 13, 2012 at 11:23

answered Jan 13, 2012 at 11:16

Skyrim

8655 silver badges6 bronze badges

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

2 Comments

Skyrim Over a year ago

Replace test.html with your url (you can also specify query parameters, just check out the documentation at jquery).

commonpike Over a year ago

.success is deprecated, use .done instead. api.jquery.com/jquery.get

Collectives™ on Stack Overflow

load external html file to div using jquery

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related