{"id":2113,"date":"2014-10-09T17:08:25","date_gmt":"2014-10-09T15:08:25","guid":{"rendered":"http:\/\/descartesjs.org\/documentacion\/?p=2113"},"modified":"2021-08-06T16:23:12","modified_gmt":"2021-08-06T15:23:12","slug":"embeber-como-ventana-emergente","status":"publish","type":"post","link":"https:\/\/reddescartes.org\/documentacion\/embeber-como-ventana-emergente\/","title":{"rendered":"Embeber como ventana emergente"},"content":{"rendered":"<p>En el <a href=\"https:\/\/proyectodescartes.org\/descartescms\/\">servidor de contenidos de RED Descartes<\/a>&nbsp;cada material tiene un art\u00edculo espec\u00edfico en el que se hace una descripci\u00f3n y se reflejan sus caracter\u00edsticas espec\u00edficas y catalogaci\u00f3n. En \u00e9l tambi\u00e9n se incluye un campo en el que se recoge el c\u00f3digo necesario para embeber en una p\u00e1gina html o en cualquier lugar en el que sea admisible el c\u00f3digo html (blogs, wikis, Moodle).<\/p>\n<div id=\"attachment_2119\" style=\"width: 320px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-2119\" class=\"size-full wp-image-2119\" src=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/10\/ventanae.jpg\" alt=\"Embeber como ventana emergente\" width=\"310\" height=\"192\" srcset=\"https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/10\/ventanae.jpg 310w, https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/10\/ventanae-300x185.jpg 300w\" sizes=\"(max-width: 310px) 100vw, 310px\" \/><p id=\"caption-attachment-2119\" class=\"wp-caption-text\">Embeber como ventana emergente<\/p><\/div>\n<p>Basta copiar ese c\u00f3digo y pegarlo en el editor html o de texto del soporte en el que se quiere ubicar y se genera un enlace con&nbsp;la imagen o icono del objeto y el enlace del mismo para que se abra en una nueva ventana emergente.Es lo reflejado a continuaci\u00f3n, pulse sobre la imagen y observar\u00e1 el efecto descrito:<\/p>\n<p><a href=\"https:\/\/proyectodescartes.org\/miscelanea\/materiales_didacticos\/radianes-JS\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/proyectodescartes.org\/descartescms\/images\/materiales\/miscelanea\/radianes-JS.png\" alt=\"Medir \u00e1ngulos en radianes\"><\/a><\/p>\n<p>El c\u00f3digo tiene la siguiente estructura:<\/p>\n<p>&lt;a href=\u00bb<span style=\"color: #ff0000;\">https:\/\/proyectodescartes.org\/miscelanea\/materiales_didacticos\/radianes-JS\/index.html<\/span>\u00bb target=\u00bb_blank\u00bb onclick=\u00bbwindow.open(this.href, this.target, &#8216;width=<span style=\"color: #ff0000;\">1024<\/span>,height=<span style=\"color: #ff0000;\">975<\/span>,top=<span style=\"color: #ff0000;\">30<\/span>,left=<span style=\"color: #ff0000;\">100<\/span>,toolbar=0,menubar=0,scrollbars=1,resizable=1,location=0,status=0&#8242;); return false;\u00bb&gt;<\/p>\n<p>&lt;img<br \/>\nsrc=\u00bb<span style=\"color: #ff0000;\">https:\/\/proyectodescartes.org\/descartescms\/images\/materiales\/miscelanea\/radianes-JS.png<\/span>\u00bb alt=\u00bbMedir \u00e1ngulos en radianes\u00bb style=\u00bbdisplay: block; margin-left: auto; margin-right: auto;\u00bb&gt;&lt;\/a&gt;<\/p>\n<p>donde los literales reflejados en <span style=\"color: #ff0000;\">rojo<\/span> son los espec\u00edficos de cada material. El primero es la direcci\u00f3n web del recurso, el ancho, el alto y la posici\u00f3n (top y left) donde se ubicar\u00e1 la ventana emergente. La segunda direcci\u00f3n web se corresponde con el icono del recurso.<\/p>\n<p>Obviamente este c\u00f3digo puede usarse para cualquier otro recurso sin m\u00e1s que cambiar esos valores.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En el servidor de contenidos de RED Descartes&nbsp;cada material tiene un art\u00edculo espec\u00edfico en el que se hace una descripci\u00f3n y se reflejan sus caracter\u00edsticas espec\u00edficas y catalogaci\u00f3n. En \u00e9l tambi\u00e9n se incluye un campo en el que se recoge el c\u00f3digo necesario para embeber en una p\u00e1gina html o en cualquier lugar en el que sea admisible el c\u00f3digo html (blogs, wikis, Moodle). Basta copiar ese c\u00f3digo y pegarlo en el editor html o de texto del soporte en el que se quiere ubicar y se genera un enlace con&nbsp;la imagen o icono del objeto y el enlace del<\/p>\n<a class=\"more-link\" rel=\"nofollow\" href=\"https:\/\/reddescartes.org\/documentacion\/embeber-como-ventana-emergente\/\">[Leer m\u00e1s...]<\/a>","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12,89],"tags":[],"_links":{"self":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/2113"}],"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=2113"}],"version-history":[{"count":13,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/2113\/revisions"}],"predecessor-version":[{"id":3295,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/2113\/revisions\/3295"}],"wp:attachment":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/media?parent=2113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/categories?post=2113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/tags?post=2113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}