I am creating a website, where the user can create objects. The objects are then stored in a list. The user can see the list of created objects.

The div #object_list has to put in an iframe and embedded in another website. And the other website has to show only that list. I know that iframe I can import content from another website, but in my case I would like to export content to another website and I would like to show only that div. How can I achieve that?

   <div id="list_objects_container">
        <button id="list_objects_btn" class="btn btn-primary"
            onclick="manageObjects_obj.viewObj()">View</button>

        <!-- CONTAINER LIST-->
        <div id="object_list">

        </div>
       </div>

I tried doing this but in this way it shows all the website and I don't want that. I want only to show the objects list.

This what I would like to export to another website.

 <iframe style="border: none" src="http://myurl" width="100%"
            height="500" allowfullscreen sandbox>

       <div id="object_list">

        </div>

        </iframe>