Cliente Javascript
Desde el cliente javascript la carga de contenido se realizara en la máquina cliente. Esta solicitara los contenido que se hayan parametrizado en la configuración o los por defecto.
Instalación.
Para el correcto funcionamiento sera imprescindible cargar las librerias js, juntamente con jquery y la hoja de estilos css suministrada desde S&P.
<link href="/SP_API/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/SP_API/js/sp_api.js"></script>
Después pasaremos a indicar a la API que contenido cargaremos.
Parametros
accountID
(string) (necesario) El identificador de usuario suministrado por S&P
navOptions
(array) (necesario) Array de valores donde especificaremos el idioma solicitado y los elementos de menú.
Parametros de navOptions
- ISOlanguage – (string) Idioma en formato ISO 639-1.
- menuItems – (array) title: Titulo del enlace. url Enlace relativo al baseURL.
- baseURL – (string) Dirección web de la página del cliente y de donde partiran los enlaces del menuItems.
<script type="text/javascript">
SP_jsapi.init({
accountID:'easyvent',
navOptions:{
ISOlanguage:'es',
menuItems:[
{title: 'Inicio', url:''},
{title: 'Catálogo', url:'/catalogue'},
{title: 'Selectores', url:'/selector'},
{title: 'Proyecto', url:'/project'},
{title: 'Contacto', url:'/contact'},
],
baseURL: 'http://easyvent.solerpalau.com',
}
});
</script>
Ahora solo faltara colocar los div contenedores que serán rellenados desde javascript.
<div class="wrapper">
<div id="sp_header">Loading header...</div>
<div id="sp_slider">Loading slider...</div>
<div id="sp_footer">Loading footer...</div>
</div>
Contenedores
sp_header El id del div que contendrá la cabecera que será rellenada desde S&P.
sp_slider El id del div que contendrá el slider o introducción que será rellenada desde S&P.
sp_footer El id del div que contendrá el pie de página que será añadido por S&P
sp_tooltipcookie El id del div que contendrá el aviso emergente de las cookies que será añadido por S&P
sp_legal El id del div que contendrá el texto legal que será añadido por S&P
Los contenedores «sp_header», «sp_slider» y «sp_footer» han de estar presentes para que se rellenen con el contenido suministrado por S&P.
Para el aviso emergente de las cookies el contenedor se ha de llamar «sp_tooltipcookie».
<div id="sp_tooltipcookie">Loading Tooltip cookie...</div>