load specific div from external webpage

Question

I was looking to do something advanced: open multiple user accounts on a specific webpage, to make multiple appointments at the same time so I want to only load or refresh, the appointment div calendar, without refresh whole website. Again it is not my website, just external webpage for appointment

if ant thing needed i can provide more information Sshots , Capture, CODE — , May 05 '18 at 21:15

Thomas Darvik · Accepted Answer · 2018-05-10T17:17:55.097

1

You can reference a div on another website using an iFrame. The iFrame is used to reference the div on the other website where the calendar of that person is located. You might want to add more information / code examples so that we can help you easier.

$('#yourPage').load('wwww.webSiteWithElementYouWant.com #calendarDivIdName');

This is a solution with inspiration from Pointy's answer on this page.

Edit 1 You should be able to target a class by using:

$('#yourPage').load('wwww.webSiteWithElementYouWant.com .calendarDivClassName');

edited May 10 '18 at 17:17

answered May 05 '18 at 22:14

Thomas Darvik

748
7
22

thank you but , if the
has no ID & i wanna select this
by cssclass name , can i do that ?
#div.take_appointment
– May 10 '18 at 16:44
See updated answer. with `class` selector in the `.load` function. – Thomas Darvik May 10 '18 at 17:18
@stupidgeek please let me know if the solution was ok, and mark my answer as accepted if you find it satisfying :) – Thomas Darvik May 11 '18 at 22:28

load specific div from external webpage

1 Answers1

Related