Estoy creando un sitio web, donde el usuario puede crear objetos. A continuación, los objetos se almacenan en una lista. El usuario puede ver la lista de objetos creados.
El div #object_list tiene que colocarse en un iframe e incrustarse en otro sitio web. Y el otro sitio web tiene que mostrar solo esa lista. Sé que iframe puedo importar contenido de otro sitio web, pero en mi caso me gustaría exportar contenido a otro sitio web y me gustaría mostrar solo ese div. ¿Cómo puedo lograr eso?
<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>Intenté hacer esto, pero de esta manera muestra todo el sitio web y no quiero eso. Solo quiero mostrar la lista de objetos.
Esto es lo que me gustaría exportar a otro sitio web.
<iframe style="border: none" src="http://myurl" width="100%" height="500" allowfullscreen sandbox> <div id="object_list"> </div> </iframe>No hay nada especial acerca de cómo los iframes obtienen contenido.
Si desea que un iframe muestre un documento HTML con un div, entonces:
src del iframe No coloque un <div> entre <iframe> y </iframe> . El modelo de contenido de iframes es Nothing . Todo el contenido proviene del atributo src .