{"id":3073,"date":"2015-12-21T13:59:42","date_gmt":"2015-12-21T11:59:42","guid":{"rendered":"http:\/\/descartesjs.org\/documentacion\/?p=3073"},"modified":"2021-08-06T17:26:45","modified_gmt":"2021-08-06T16:26:45","slug":"paso-de-parametros-desde-una-escena-descartes-a-una-web-independiente","status":"publish","type":"post","link":"https:\/\/reddescartes.org\/documentacion\/paso-de-parametros-desde-una-escena-descartes-a-una-web-independiente\/","title":{"rendered":"Paso de par\u00e1metros desde una escena Descartes a una web independiente"},"content":{"rendered":"<h3>Paso de par\u00e1metros desde una escena de Descartes a otra p\u00e1gina web totalmente independiente (no iframe)<\/h3>\n<p style=\"text-align: justify;\">En muchas p\u00e1ginas web se pasan par\u00e1metros a otra p\u00e1gina independiente, lo que hacemos cuando buscamos en google es precisamente eso, indicamos una palabra (o m\u00e1s) en el buscador y esa palabra es pasada como par\u00e1metro a la p\u00e1gina que mostrar\u00e1 los resultados de la b\u00fasqueda. Por ejemplo si en el buscador introducimos \u00abdescartes\u00bb, veremos en la barra de direcciones lo siguiente:<\/p>\n<p>https:\/\/www.google.es\/#q=descartes<\/p>\n<p style=\"text-align: justify;\">Es decir la variable q de b\u00fasqueda toma el valor de \u00abdescartes\u00bb<br \/>\nDescartes tiene la opci\u00f3n de abrir una URL desde un bot\u00f3n y esta opci\u00f3n la podemos aprovechar para pasar par\u00e1metros a otras p\u00e1ginas web independientes preparadas para recibirlos.<br \/>\nEn javaScript existe la opci\u00f3n de usar href (la referencia a una p\u00e1gina web) para ejecutar c\u00f3digo en javaScript. Escribe este c\u00f3digo y comprueba sus resultados:<\/p>\n<table style=\"height: 460px;\" border=\"2\" width=\"675\">\n<tbody>\n<tr>\n<td width=\"576\">&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;Paso de par\u00e1metro&lt;\/title&gt;&lt;meta http-equiv=\u00bbContent-Type\u00bb content=\u00bbtext\/html; charset=iso-8859-1&#8243; \/&gt;&lt;script type=\u00bbtext\/javascript\u00bb&gt;function mostrarMensaje() {alert(&#8216;Somos cartesianos. Lo que parec\u00eda un link en realidad es c\u00f3digo en JavaScript&#8217;);}&nbsp;<\/p>\n<p>&lt;\/script&gt;<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&lt;h2&gt;Cursosdescartes.com&lt;\/h2&gt;<\/p>\n<p>&lt;h3&gt;Ejemplo JavaScript&lt;\/h3&gt;<\/p>\n<p>&lt;a href=\u00bbjavascript:mostrarMensaje();\u00bb&gt; Pulsa aqu\u00ed por favor &lt;\/a&gt;<\/p>\n<p>&lt;\/body&gt;&lt;\/html&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><a href=\"https:\/\/reddescartes.org\/repositorio\/pasovariableswebindep-JS\/explicacion1.html\" target=\"_blank\" rel=\"noopener noreferrer\">Pru\u00e9bala aqu\u00ed<\/a><\/p>\n<h3>El operador void()<\/h3>\n<p>Podemos usar el operador void para especificar una expresi\u00f3n como si fuera un enlace de hipertexto. Prueba este c\u00f3digo:<\/p>\n<p>&nbsp;<\/p>\n<table style=\"height: 475px;\" border=\"2\" width=\"689\">\n<tbody>\n<tr>\n<td width=\"576\">&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;Paso de par\u00e1metros&lt;\/title&gt;&lt;meta http-equiv=\u00bbContent-Type\u00bb content=\u00bbtext\/html; charset=iso-8859-1&#8243; \/&gt;&lt;script type=\u00bbtext\/javascript\u00bb&gt;function mostrarMensaje() {alert(&#8216;Somos cartesianos. Lo que parec\u00eda un link en realidad es c\u00f3digo en JavaScript&#8217;);&nbsp;<\/p>\n<p>}<\/p>\n<p>&lt;\/script&gt;<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body&gt;&lt;h2&gt;Cursosdescartes.com&lt;\/h2&gt;<\/p>\n<p>&lt;h3&gt;Ejemplo JavaScript&lt;\/h3&gt;<\/p>\n<p>&lt;a href=\u00bbjavascript:void(mostrarMensaje())\u00bb&gt;Pulsa otra vez aqu\u00ed, por favor &lt;\/a&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><a href=\"https:\/\/reddescartes.org\/repositorio\/pasovariableswebindep-JS\/explicacion3.html\" target=\"_blank\" rel=\"noopener noreferrer\"> Pu\u00e9balo aqu\u00ed<\/a><\/p>\n<h3>En la escena descartes<\/h3>\n<p>Ahora, probemos esto en descartes. Desde el editor vamos a hacer un bot\u00f3n que al abrirse nos muestre este mensaje. El bot\u00f3n tendr\u00e1 la acci\u00f3n de abrir una URL e introduciremos el siguiente c\u00f3digo en JavaScript:<\/p>\n<p><em>javascript:void(alert(&#8216;Somos cartesianos. Lo que parec\u00eda un link en realidad es c\u00f3digo en JavaScript&#8217;));<\/em><\/p>\n<div style=\"width: 749px\" class=\"wp-caption alignnone\"><img class=\"\" src=\"https:\/\/i.imgur.com\/YYViHFU.png\" alt=\"\" width=\"739\" height=\"467\"><p class=\"wp-caption-text\">Aspecto del editor de descartes<\/p><\/div>\n<p><a href=\"https:\/\/reddescartes.org\/repositorio\/pasovariableswebindep-JS\/explicacion2.html\" target=\"_blank\" rel=\"noopener noreferrer\">Pru\u00e9balo aqu\u00ed<\/a><\/p>\n<p>Podemos, por tanto, a trav\u00e9s de este sistema pasar par\u00e1metros a otras p\u00e1ginas (preparadas) desde una escena de descartes.<\/p>\n<p>Dejo aqu\u00ed una escena para que ve\u00e1is las posibilidades:<\/p>\n<p><iframe src=\"https:\/\/reddescartes.org\/repositorio\/pasovariableswebindep-JS\/Original.html\" width=\"824\" height=\"412\"><\/iframe><\/p>\n<p>Aqu\u00ed os dejo un fichero comprimido con los archivos preparados para que lo investigu\u00e9is.<\/p>\n<p><a href=\"https:\/\/www.descartesjs.org\/repositorio\/pasovariableswebsindependientes.zip\" target=\"_blank\" rel=\"noopener noreferrer\">Archivos comprimidos<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Paso de par\u00e1metros desde una escena de Descartes a otra p\u00e1gina web totalmente independiente (no iframe) En muchas p\u00e1ginas web se pasan par\u00e1metros a otra p\u00e1gina independiente, lo que hacemos cuando buscamos en google es precisamente eso, indicamos una palabra (o m\u00e1s) en el buscador y esa palabra es pasada como par\u00e1metro a la p\u00e1gina que mostrar\u00e1 los resultados de la b\u00fasqueda. Por ejemplo si en el buscador introducimos \u00abdescartes\u00bb, veremos en la barra de direcciones lo siguiente: https:\/\/www.google.es\/#q=descartes Es decir la variable q de b\u00fasqueda toma el valor de \u00abdescartes\u00bb Descartes tiene la opci\u00f3n de abrir una URL desde<\/p>\n<a class=\"more-link\" rel=\"nofollow\" href=\"https:\/\/reddescartes.org\/documentacion\/paso-de-parametros-desde-una-escena-descartes-a-una-web-independiente\/\">[Leer m\u00e1s...]<\/a>","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,103,32],"tags":[116,108],"_links":{"self":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/3073"}],"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\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/comments?post=3073"}],"version-history":[{"count":10,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/3073\/revisions"}],"predecessor-version":[{"id":3358,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/3073\/revisions\/3358"}],"wp:attachment":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/media?parent=3073"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/categories?post=3073"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/tags?post=3073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}