{"id":2605,"date":"2012-04-24T13:59:50","date_gmt":"2012-04-24T13:59:50","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=2605"},"modified":"2013-01-02T14:35:21","modified_gmt":"2013-01-02T14:35:21","slug":"redireccionar-con-jquery","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/","title":{"rendered":"Redireccionar con jQuery"},"content":{"rendered":"

\"\"<\/a>Con jQuery podemos realizar una redirecci\u00f3n a cualquier p\u00e1gina con el atributo \u00abwindow.location\u00bb.<\/p>\n

En este art\u00edculo vamos a explicar como hacer una redirecci\u00f3n tras seleccionar una opci\u00f3n de un selector de opciones (select).<\/p>\n

Tendremos un selector de idiomas, donde podremos elegir uno de varios posibles. Tras elegir un idioma redirigeremos a la p\u00e1gina con el id del idioma.<\/p>\n

Necesitaremos incluir en nuestro <body> la librer\u00eda jQuery y el script necesario para realizar la redirecci\u00f3n.<\/p>\n

<script type=\"text\/javascript\" src=\"jquery.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\n$(document).ready(function() {\r\n\u00a0\u00a0\u00a0 $('select#languages').change(function(){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0window.location = $(this).val();\r\n\u00a0\u00a0\u00a0 });\r\n});\r\n<\/script><\/pre>\n
El documento espera a que se cambie de opci\u00f3n de el selector con id=\u00bblanguages\u00bb para simplemente poner su valor en el \u00abwindow.location\u00bb.<\/p>\n
En el <body> de nuestra p\u00e1gina tendremos el siguiente c\u00f3digo para mostrar el selector:<\/p>\n
<select name=\"languages\" id=\"languages\">\r\n\u00a0\u00a0 \u00a0<option value=\"0\">Seleccione...<\/option>\r\n\u00a0\u00a0\u00a0 <option value=\"index.php?language=1\">Espa\u00f1ol<\/option>\r\n\u00a0\u00a0\u00a0 <option value=\"index.php?language=2\">Franc\u00e9s<\/option>\r\n\u00a0\u00a0\u00a0 <option value=\"index.php?language=3\">Ingl\u00e9s<\/option>\r\n<\/select><\/pre>\n
Si no te qued\u00f3 claro puedes ver un ejemplo en funcionamiento<\/a> para ver en marcha lo que se explica en este art\u00edculo.<\/p>\n","protected":false},"excerpt":{"rendered":"
Con jQuery podemos realizar una redirecci\u00f3n a cualquier p\u00e1gina con el atributo \u00abwindow.location\u00bb. En este art\u00edculo vamos a explicar como hacer una redirecci\u00f3n tras seleccionar una opci\u00f3n de un selector de opciones (select). Tendremos un selector de idiomas, donde podremos elegir uno de varios posibles. Tras elegir un idioma redirigeremos a la p\u00e1gina con el […]<\/p>\n","protected":false},"author":1,"featured_media":4245,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[62],"class_list":["post-2605","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","tag-selects"],"yoast_head":"\nRedireccionar con jQuery - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Redireccionar con jQuery - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Con jQuery podemos realizar una redirecci\u00f3n a cualquier p\u00e1gina con el atributo \u00abwindow.location\u00bb. En este art\u00edculo vamos a explicar como hacer una redirecci\u00f3n tras seleccionar una opci\u00f3n de un selector de opciones (select). Tendremos un selector de idiomas, donde podremos elegir uno de varios posibles. Tras elegir un idioma redirigeremos a la p\u00e1gina con el […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2012-04-24T13:59:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-01-02T14:35:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/04\/jquery1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"256\" \/>\n\t<meta property=\"og:image:height\" content=\"256\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/\",\"name\":\"Redireccionar con jQuery - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/04\/jquery1.png\",\"datePublished\":\"2012-04-24T13:59:50+00:00\",\"dateModified\":\"2013-01-02T14:35:21+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/04\/jquery1.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/04\/jquery1.png\",\"width\":256,\"height\":256},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Redireccionar con jQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Redireccionar con jQuery - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Redireccionar con jQuery - Jose Aguilar Blog","og_description":"Con jQuery podemos realizar una redirecci\u00f3n a cualquier p\u00e1gina con el atributo \u00abwindow.location\u00bb. En este art\u00edculo vamos a explicar como hacer una redirecci\u00f3n tras seleccionar una opci\u00f3n de un selector de opciones (select). Tendremos un selector de idiomas, donde podremos elegir uno de varios posibles. Tras elegir un idioma redirigeremos a la p\u00e1gina con el […]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2012-04-24T13:59:50+00:00","article_modified_time":"2013-01-02T14:35:21+00:00","og_image":[{"width":256,"height":256,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/04\/jquery1.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/","url":"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/","name":"Redireccionar con jQuery - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/04\/jquery1.png","datePublished":"2012-04-24T13:59:50+00:00","dateModified":"2013-01-02T14:35:21+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/04\/jquery1.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/04\/jquery1.png","width":256,"height":256},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/redireccionar-con-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Redireccionar con jQuery"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/2605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=2605"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/2605\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/4245"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=2605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=2605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=2605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}