{"id":94,"date":"2015-12-01T23:50:38","date_gmt":"2015-12-01T23:50:38","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/joyasarm\/?p=94"},"modified":"2015-12-02T11:57:40","modified_gmt":"2015-12-02T11:57:40","slug":"solucion-al-inconveniente-de-cargar-pagina","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/joyasarm\/2015\/12\/01\/solucion-al-inconveniente-de-cargar-pagina\/","title":{"rendered":"Soluci\u00f3n al inconveniente de cargar pagina"},"content":{"rendered":"<p>(+) Se modifico el tipo de bot\u00f3n para acceder a crear un nuevo diagrama en la secci\u00f3n de documentos compartidos, pero\u00a0se mantuvo el dise\u00f1o anterior en la secci\u00f3n documentos creados.<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/p3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-110\" src=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/p3-300x162.png\" alt=\"p3\" width=\"300\" height=\"162\" srcset=\"https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/p3-300x162.png 300w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/p3.png 568w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Para poder realizar este tipo de bot\u00f3n se hizo uso de los gr\u00e1ficos proporcionados por bootstrap, se modifico su apariencia en el archivo perfil.css con los siguientes comandos:<\/p>\n<p>.glyphicon.glyphicon-plus{<br \/>\ncolor: white;<br \/>\n}<\/p>\n<p>Como referencia se tuvo que\u00a0seguir el siguiente ejemplo: <a href=\"http:\/\/www.w3schools.com\/bootstrap\/tryit.asp?filename=trybs_ref_glyph_plus&amp;stacked=h\">glyphicon<\/a><\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/p4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-111\" src=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/p4-300x162.png\" alt=\"p4\" width=\"300\" height=\"162\" srcset=\"https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/p4-300x162.png 300w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/p4.png 568w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\u00a0Visualizaci\u00f3n del\u00a0estilo del bot\u00f3n anterior<\/p>\n<p>(+) Posteriormente, la pagina workArea.HTML se carga correctamente (<strong>resuelto el\u00a0inconveniente<\/strong>\u00a0mencionado en el post anterior) y muestra el diagrama seleccionado en el \u00e1rea de diagramaci\u00f3n.<\/p>\n<p>Se pudo resolver el problema utilizando el atributo target junto al atributo href, tal como se observa en las l\u00edneas de c\u00f3digo:<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/solWork.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-109\" src=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/solWork-300x162.png\" alt=\"solWork\" width=\"300\" height=\"162\" srcset=\"https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/solWork-300x162.png 300w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/solWork-1024x553.png 1024w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/solWork.png 1366w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Esto lo pude realizar gracias a la indicaci\u00f3n de que target=\"_top\" se debe utilizar para recargar una pagina; esta recomendaci\u00f3n fue encontrada\u00a0en: <a href=\"http:\/\/www.w3schools.com\/html\/html_links.asp\">w3school-html-link<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>(+) Se modifico el tipo de bot\u00f3n para acceder a crear un nuevo diagrama en la secci\u00f3n de documentos compartidos, pero\u00a0se mantuvo el dise\u00f1o anterior en la secci\u00f3n documentos creados. Para poder realizar este tipo de bot\u00f3n se hizo uso de los gr\u00e1ficos proporcionados por bootstrap, se modifico su apariencia en el archivo perfil.css con [&hellip;]<\/p>\n","protected":false},"author":6283,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1301126],"tags":[],"class_list":["post-94","post","type-post","status-publish","format-standard","hentry","category-proyecto-de-daw"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/posts\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/users\/6283"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":2,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/posts\/94\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/categories?post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/tags?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}