{"id":139,"date":"2013-11-26T12:37:58","date_gmt":"2013-11-26T12:37:58","guid":{"rendered":"http:\/\/wservice.solerpalau.com\/?page_id=139"},"modified":"2014-06-02T08:07:09","modified_gmt":"2014-06-02T08:07:09","slug":"primeros-pasos-con-el-sdk-para-javascript","status":"publish","type":"page","link":"https:\/\/wservice.solerpalau.com\/es\/sp-api\/primeros-pasos-con-el-sdk-para-javascript\/","title":{"rendered":"Primeros pasos con el SDK para Javascript"},"content":{"rendered":"<h3 id=\"cliente-javascript\">Cliente Javascript<\/h3>\n<p>Desde el cliente javascript la carga de contenido se realizara en la m\u00e1quina cliente. Esta solicitara los contenido que se hayan parametrizado en la configuraci\u00f3n o los por defecto.<\/p>\n<p><button onclick=\"window.open('\/SP_API\/js\/sp_api.js');\">Descargar Javascript SDK<\/button><\/p>\n<h4>Instalaci\u00f3n.<\/h4>\n<p>Para el correcto funcionamiento sera imprescindible cargar las librerias js, juntamente con jquery y la hoja de estilos css suministrada desde S&amp;P.<\/p>\n<pre><code>\r\n&lt;link href=\"\/SP_API\/style.css\" rel=\"stylesheet\" type=\"text\/css\" \/&gt;\r\n&lt;script type=\"text\/javascript\" src=\"\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.9.1\/jquery.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\" src=\"\/SP_API\/js\/sp_api.js\"&gt;&lt;\/script&gt;\r\n<\/code><\/pre>\n<p>Despu\u00e9s pasaremos a indicar a la API que contenido cargaremos.<\/p>\n<h5>Parametros<\/h5>\n<p><strong>accountID<\/strong><br \/>\n(string) (necesario) El identificador de usuario suministrado por S&amp;P<\/p>\n<p><strong>navOptions<\/strong><br \/>\n(array) (necesario) Array de valores donde especificaremos el idioma solicitado y los elementos de men\u00fa.<\/p>\n<h5>Parametros de navOptions<\/h5>\n<ul>\n<li><strong>ISOlanguage<\/strong> &#8211; (string) Idioma en formato ISO 639-1.<\/li>\n<li><strong>menuItems<\/strong> &#8211; (array) <strong>title<\/strong>: Titulo del enlace. <strong>url<\/strong> Enlace relativo al baseURL.<\/li>\n<li><strong>baseURL<\/strong> &#8211; (string) Direcci\u00f3n web de la p\u00e1gina del cliente y de donde partiran los enlaces del menuItems.<\/li>\n<\/ul>\n<pre><code>\r\n&lt;script type=\"text\/javascript\"&gt;\r\n  SP_jsapi.init({\r\n    accountID:'easyvent',\r\n    navOptions:{\r\n      ISOlanguage:'es',\r\n        menuItems:[\r\n        {title: 'Inicio', url:''},\r\n        {title: 'Cat\u00e1logo', url:'\/catalogue'},\r\n        {title: 'Selectores', url:'\/selector'},\r\n        {title: 'Proyecto', url:'\/project'},\r\n        {title: 'Contacto', url:'\/contact'},\r\n        ],\r\n    baseURL: 'http:\/\/easyvent.solerpalau.com',\r\n    }\r\n});\r\n&lt;\/script&gt;\r\n<\/code><\/pre>\n<p>Ahora solo faltara colocar los div contenedores que ser\u00e1n rellenados desde javascript.<\/p>\n<pre><code>\r\n&lt;div class=\"wrapper\"&gt;\r\n&lt;div id=\"sp_header\"&gt;Loading header...&lt;\/div&gt;\r\n\r\n&lt;div id=\"sp_slider\"&gt;Loading slider...&lt;\/div&gt;\r\n\r\n&lt;div id=\"sp_footer\"&gt;Loading footer...&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n<\/code><\/pre>\n<h5>Contenedores<\/h5>\n<p><strong>sp_header<\/strong> El id del div que contendr\u00e1 la cabecera que ser\u00e1 rellenada desde S&amp;P.<br \/>\n<strong>sp_slider<\/strong> El id del div que contendr\u00e1 el slider o introducci\u00f3n que ser\u00e1 rellenada desde S&amp;P.<br \/>\n<strong>sp_footer<\/strong> El id del div que contendr\u00e1 el pie de p\u00e1gina que ser\u00e1 a\u00f1adido por S&amp;P<br \/>\n<strong>sp_tooltipcookie<\/strong> El id del div que contendr\u00e1 el aviso emergente de las cookies que ser\u00e1 a\u00f1adido por S&amp;P<br \/>\n<strong>sp_legal<\/strong> El id del div que contendr\u00e1 el texto legal que ser\u00e1 a\u00f1adido por S&amp;P<\/p>\n<p>Los contenedores \u00absp_header\u00bb, \u00absp_slider\u00bb y \u00absp_footer\u00bb han de estar presentes para que se rellenen con el contenido suministrado por S&amp;P.<\/p>\n<p>Para el aviso emergente de las cookies el contenedor se ha de llamar <strong>\u00absp_tooltipcookie\u00bb<\/strong>.<br \/>\n<code><\/p>\n<pre>\r\n&lt;div id=\"sp_tooltipcookie\"&gt;Loading Tooltip cookie...&lt;\/div&gt;\r\n\r\n<\/pre>\n<p><\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cliente Javascript Desde el cliente javascript la carga de contenido se realizara en la m\u00e1quina cliente. Esta solicitara los contenido que se hayan parametrizado en la configuraci\u00f3n o los por defecto. Descargar Javascript SDK Instalaci\u00f3n. Para el correcto funcionamiento sera imprescindible cargar las librerias js, juntamente con jquery y la hoja de estilos css suministrada &hellip; <a href=\"https:\/\/wservice.solerpalau.com\/es\/sp-api\/primeros-pasos-con-el-sdk-para-javascript\/\" class=\"more-link\">Sigue leyendo <span class=\"screen-reader-text\">Primeros pasos con el SDK para Javascript<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":77,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/wservice.solerpalau.com\/es\/wp-json\/wp\/v2\/pages\/139"}],"collection":[{"href":"https:\/\/wservice.solerpalau.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wservice.solerpalau.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wservice.solerpalau.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wservice.solerpalau.com\/es\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":7,"href":"https:\/\/wservice.solerpalau.com\/es\/wp-json\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":577,"href":"https:\/\/wservice.solerpalau.com\/es\/wp-json\/wp\/v2\/pages\/139\/revisions\/577"}],"up":[{"embeddable":true,"href":"https:\/\/wservice.solerpalau.com\/es\/wp-json\/wp\/v2\/pages\/77"}],"wp:attachment":[{"href":"https:\/\/wservice.solerpalau.com\/es\/wp-json\/wp\/v2\/media?parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}