Logo

Crear WebSlices: Ejemplo 2 Feed RSS – Tutorial (parte 4)

En el ejemplo anterior se mostró el uso de los elementos básico y necesarios para la creación de un WebSlice. En esta ocasión nos centraremos en el contenido.
Veremos el contenido opcional para alimentar de forma dinámica las actualizaciones haciendo uso de un archivo XML. Para ello usaremos la clase feedurl.

En el ejemplo podemos observar el uso de del archivo XML weather.xml como feed RSS

Algunas consideraciones:
- El cuerpo HTML de la vista previa del WebSlice es codificado en el Feed RSS
- La fuente alternativa solo se usa para modificar la apariencia del WebSlice.
- La clase ttl indica el intervalo de minutos a actualizar
- Un WebSlice solo puede tener una fuente de alimentación alterna.

<div id="weather" class="hslice">
<div class="entry-content">
<h3><span class="entry-title">Clima: Lima</span>, PERU (51)</h3>
<p><img src="images/Sunny.png" id="image" style="padding:5px;float:left;" alt="Sunny" height="128" width="128" /></p>
<div class="entry-title" style="font-size:2.5em;margin-top:24px;font-weight:bold;">20&amp;amp;deg; C</div>
<p class="entry-title" style="font-weight:bold;font-size:1.5em">soleado</p>
<p><i>Informacion no valida, usado solo para demostracion</i></p>
<p>Condiciones actuales a las 2:00 PM</p>
<p style="font-size:xx-small">Actualizable cada <span class="ttl">15</span> minutos.</p>
</div>
<p><a rel="feedurl" href="weather.xml"></a></div>
<p>

En el ejemplo siguiente se observa el uso de la clase endtime y la forma alternativa de proporcionar un botón personalizado de suscripción

<div id="auction" class="hslice entry-content">
<h3>Lugares turisticos</h3>
<p class="title"><span class="entry-title">Cusco, Machu Picchu, Sacsayhuamán</span>: Tours</p>
<p>				<img src="images/theatre.jpg" alt="Theatre" id="theatre" height="130" width="130" /></p>
<p>Precio: <span style="font-size:26px;line-height:32px;font-weight:bold;">$60</span></p>
<p>Machu Picchu es una impresionante ciudadela inca enclavada en una montaña. Su nombre traducido al español<br />
				significa “Montaña Vieja”. También se le ha llamado “la Ciudad perdida de los Incas” pues fue un misterio<br />
				hasta que, para el Occidente, fue descubierta por Hiram Bingham en 1911.</p>
<p>				<abbr class="endtime" title="2009-05-29T17:50:00-05:00"></abbr>
			</div>
<input type="button" value="Agregar WebSlice" class="addButton"<br />
        onclick=&#8217;window.external.AddToFavoritesBar(<br />
                    &#8220;http://demos.neuronaltraining.net/WebSlices/SimpleWebSlices.html#auction&#8221;,<br />
                    &#8220;Machu Picchu Tours&#8221;, &#8220;slice&#8221;);&#8217; />

el Código fuente de los WebSlices y la implementación se encuentra disponible en la centro de demostración en línea.

Realizar comentario