Developers

Widgets de OcioAvila.com

OcioAvila.com ofrece a los distintos webmasters interesados la posibilidad de integrar widgets en sus webs con el contenido del portal.

El widget se carga de forma asíncrona en la web, sin empeorar la velocidad de carga del sitio y es configurable tanto en contenido como en diseño.

Para utilizar los widgets de OcioAvila.com tan sólo es necesario cumplimentar el formulario y pegar el código obtenido en el html de la web en la que se desee insertar.

Configura el widget

Puedes establecer el tamaño, colores y contenidos del widget con ayuda de este asistente.




Insertar el widget

Se require utilizar el framework jQuery 1.6.2 o superior, que deberá ser cargado antes del código del widget. Si no lo tiene cargado debe insertar el siguiente bloque antes del código del widget

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

Se recomienda cargar todos los scripts al final de la página y siempre antes de cerrar la etiqueta <body>

El código a insertar es el siguiente:

<script id='oaw_js'>

var oaw_options= {
'width': '250',
'bodybg': '#000000',
'TitleGradientColorTop': '#000000',
'TitleGradientColorBottom': '#000000',
'ItemBg': '#CCCCCC',
'ItemBgHover': '#666666',
'max_events': '9999',
'max_movies': '0',
'max_galleries': '0',
'max_videos' : '0',
'EnableSendEvent': '0'
};

(function() {
var oaw = document.createElement('script'); oaw.type = 'text/javascript'; oaw.async = true;
oaw.src = 'http://ocioavila.com/widgets/widget.js'
var s = document.getElementsByTagName('script')[0];
s.appendChild(oaw);
})();
</script>


Ubicar el punto donde se insertará el widget

Se recomienda cargar el código al final de la página e introducir el bloque

<div id="oa_widget"></div>

en el punto exacto donde se desea que se cargue el contenido. Si no se encuentra en la página dicho bloque se generará en el mismo punto donde se encuentre el código.


Vista Previa del Widget

Así se verá el widget en tu web. Ten en cuenta que la altura del mismo no es fija pues dependiendo de los contenidos ésta puede variar. El código que se incrusta ajustará el tamaño de forma automática.