{"id":1751,"date":"2014-06-13T11:17:06","date_gmt":"2014-06-13T09:17:06","guid":{"rendered":"http:\/\/descartesjs.org\/documentacion\/?p=1751"},"modified":"2021-08-07T17:27:51","modified_gmt":"2021-08-07T16:27:51","slug":"espacios-htmliframe","status":"publish","type":"post","link":"https:\/\/reddescartes.org\/documentacion\/espacios-htmliframe\/","title":{"rendered":"Espacios HTMLIframe"},"content":{"rendered":"<p style=\"text-align: left;\">Los espacios HTMLIframe permiten la visualizaci\u00f3n de todo el contenido incluido en un fichero html. Los par\u00e1metros en este tipo de espacio pueden observarse en la siguiente imagen:<\/p>\n<div id=\"attachment_1828\" style=\"width: 853px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/06\/pHTMLIframe.jpg\"><img aria-describedby=\"caption-attachment-1828\" class=\"size-full wp-image-1828\" src=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/06\/pHTMLIframe.jpg\" alt=\"Par\u00e1metros de espacios HTMLIframe\" width=\"843\" height=\"257\" srcset=\"https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/06\/pHTMLIframe.jpg 843w, https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/06\/pHTMLIframe-300x91.jpg 300w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/a><p id=\"caption-attachment-1828\" class=\"wp-caption-text\">Par\u00e1metros de espacios HTMLIframe<\/p><\/div>\n<table border=\"0\">\n<tbody>\n<tr>\n<td>id<\/td>\n<td>Identificador interno que da nombre y referencia al espacio HTMLIframe<\/td>\n<\/tr>\n<tr>\n<td>x<\/td>\n<td>Posici\u00f3n horizontal en p\u00edxeles o porcentaje de la esquina superior izquierda del espacio HTMLIframe respecto a esa esquina en la escena<\/td>\n<\/tr>\n<tr>\n<td>y<\/td>\n<td>Posici\u00f3n vertical en p\u00edxeles o porcentaje de la esquina superior izquierda del espacio HTMLIframe respecto a esa esquina en la escena<\/td>\n<\/tr>\n<tr>\n<td>ancho<\/td>\n<td>Ancho del espacio en p\u00edxeles o porcentaje<\/td>\n<\/tr>\n<tr>\n<td>alto<\/td>\n<td>Alto de la escena en p\u00edxeles o porcentaje<\/td>\n<\/tr>\n<tr>\n<td>dibujar-si<\/td>\n<td>expresi\u00f3n booleana que al cumplirse visualiza el espacio. Si se omite dibuja siempre el espacio.<\/td>\n<\/tr>\n<tr>\n<td>imagen<\/td>\n<td>direcci\u00f3n donde localizar una imagen para presentarla como fondo del espacio.<\/td>\n<\/tr>\n<tr>\n<td>despl_imagen<\/td>\n<td>men\u00fa que indica d\u00f3nde o c\u00f3mo posicionar la <a href=\"https:\/\/descartesjs.org\/documentacion\/?p=1358\">imagen de fondo<\/a><\/td>\n<\/tr>\n<tr>\n<td>fondo<\/td>\n<td>color a asignar como fondo a ese espacio<\/td>\n<\/tr>\n<tr>\n<td>archivo<\/td>\n<td>direcci\u00f3n donde localizar el archivo html del que quiere presentarse su contenido en este espacio<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p style=\"text-align: left;\"><span style=\"font-size: 14px; line-height: 1.5em;\">La escena siguiente muestra algunas aplicaciones de los espacios HTLMIframe, de los que se han creado tres, el primero muestra una imagen (gif)\u00a0animada, el segundo un video de YouTube y el tercero una p\u00e1gina de la Miscel\u00e1nea. Obs\u00e9rvese que si se quiere a\u00f1adir una imagen animada, como en este caso, la forma de hacerlo es incluirla en un espacio HTMLIframe ya que DescartesJS no\u00a0muestra este tipo de im\u00e1genes como en la versi\u00f3n con Java.<\/span><\/p>\n<p style=\"text-align: center;\">\n<!-- iframe plugin v.4.5 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"https:\/\/descartesjs.org\/repositorio\/espacios\/paraHTMLIframe.html\" width=\"7200\" height=\"430\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n<\/p>\n<p style=\"text-align: center;\">(Puede descargar la escena anterior desde <a href=\"https:\/\/descartesjs.org\/repositorio\/espacios.zip\">este enlace<\/a>)<\/p>\n<p>El c\u00f3digo empleado para cada uno de estos espacios es:<\/p>\n<ul>\n<li>&lt;param name=\u00bbE_02&#8243; value=\u00bbtipo=&#8217;HTMLIFrame&#8217; id=&#8217;E2&#8242; x=&#8217;0&#8242; y=&#8217;0&#8242; ancho=&#8217;315&#8242; alto=&#8217;95&#8217; despl_imagen=&#8217;arr-izq&#8217; dibujar-si=&#8217;ver#2&#8242; archivo=&#8217;images\/logo_animado3.gif'\u00bb&gt;<\/li>\n<li>&lt;param name=\u00bbE_03&#8243; value=\u00bbtipo=&#8217;HTMLIFrame&#8217; id=&#8217;E3&#8242; x=&#8217;280&#8242; y=&#8217;80&#8217; ancho=&#8217;400&#8242; alto=&#8217;300&#8242; despl_imagen=&#8217;arr-izq&#8217; dibujar-si=&#8217;ver=1&#8242; archivo=&#8217;https:\/\/www.youtube.com\/embed\/6ijTDOKEhVQ'\u00bb&gt;<\/li>\n<li>&lt;param name=\u00bbE_04&#8243; value=\u00bbtipo=&#8217;HTMLIFrame&#8217; id=&#8217;E4&#8242; x=&#8217;200&#8242; y=&#8217;0&#8242; ancho=&#8217;480&#8242; despl_imagen=&#8217;arr-izq&#8217;\u00a0 archivo=&#8217;https:\/\/proyectodescartes.org\/miscelanea\/materiales_didacticos\/domino-JS\/index.html'\u00bb&gt;<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Los espacios HTMLIframe permiten la visualizaci\u00f3n de todo el contenido incluido en un fichero html. Los par\u00e1metros en este tipo de espacio pueden observarse en la siguiente imagen: id Identificador interno que da nombre y referencia al espacio HTMLIframe x Posici\u00f3n horizontal en p\u00edxeles o porcentaje de la esquina superior izquierda del espacio HTMLIframe respecto a esa esquina en la escena y Posici\u00f3n vertical en p\u00edxeles o porcentaje de la esquina superior izquierda del espacio HTMLIframe respecto a esa esquina en la escena ancho Ancho del espacio en p\u00edxeles o porcentaje alto Alto de la escena en p\u00edxeles o porcentaje<\/p>\n<a class=\"more-link\" rel=\"nofollow\" href=\"https:\/\/reddescartes.org\/documentacion\/espacios-htmliframe\/\">[Leer m\u00e1s...]<\/a>","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[26],"tags":[],"_links":{"self":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/1751"}],"collection":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/comments?post=1751"}],"version-history":[{"count":6,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/1751\/revisions"}],"predecessor-version":[{"id":3532,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/1751\/revisions\/3532"}],"wp:attachment":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/media?parent=1751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/categories?post=1751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/tags?post=1751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}