Practica 2

El ejemplo funcionando lo podéis encontrar aqui.

 // Definición de la clase noticia
 function noticia(title, descrip, fech, enlac){
  this.titulo=title;
  this.descripcion=descrip;
  this.fecha=fech;
  this.enlace=enlac;
  this.setNoticia=setNoticia;
  this.toString=toString;
 }

 //Establece una noticia nueva.
 function setNoticia(tit, desc, fec, enl){
    this.titulo = tit;
    this.descripcion = desc;
    this.fecha = fec;
    this.enlace = enl;
 }

 //Muestra el contenido de la noticia en HTML
 function toString() {
     return "<h1>" + this.titulo.toString() + "</h1><h5>"+ this.fecha +"</h5><h4>"+ this.descripcion +"</h4><p><a href='"+this.enlace+"' target='_blank'>Leer mas</a><br><br>";
 }

 /**Script importado desde http://www.jr.pl/www.quirksmode.org/dom/importxml.html*/
 function importXML(){
  //Si el navegador dispone de la estructura de Mozilla,
  if (document.implementation && document.implementation.createDocument){
   xmlDoc = document.implementation.createDocument("", "", null);
   xmlDoc.onload = mostrarNoticias;
  }
  //Si estamos en internet Explorer.
  else if (window.ActiveXObject){
   xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
   xmlDoc.onreadystatechange = function () {
    if (xmlDoc.readyState == 4) mostrarNoticias()
   };
  }
  else{
   alert('Your browser can\'t handle this script');
   return;
  }
  xmlDoc.load("rssfeed.xml");
 }

 //Esta función carga todas las noticias desde el
 function mostrarNoticias(){
  var oyetu=new noticia("prueba", "perfect", "13", "http://www.animaadversa.es");

  //Extraemos los objetos items.
  var items = xmlDoc.getElementsByTagName('item');
  //Creamos el componente de lista desordenada
  var ul = document.createElement('UL');

  //Y hacemos la conversión a HTML
  for(var i=0; i<items.length;i++){
   //Los textos que vamos a incluir, dentro de la lista
   var container = document.createElement('LI');
   var array=new Array();//un array con 0.- titulo, 1.- desc, 3.- link, 4.- fecha
   for (var j=0; j<items[i].childNodes.length/2-1; j++){
    array[j] = items[i].childNodes[2*j+1].firstChild.textContent;
   }
   oyetu.setNoticia(array[0]+" ", array[1]+" ", array[4]+" ", array[3]+" ");
   var htmlamostrar =oyetu.toString();
   container.innerHTML=(htmlamostrar);
   ul.appendChild(container);
  }
  document.getElementById("sections").appendChild(ul);

  iniciarjQuery();
 }

 //Funcion para iniciar el plugin de jQuery SerialScroll, de ARiel Flesler
 function iniciarjQuery(){
  $('#screen').serialScroll({
  target:'#sections',
  items:'li',
  prev:'img.prev',
  next:'img.next',
  axis:'xy',
  navigation:'#navigation li a',
  duration:700,
  force:true,
  onBefore:function( e, elem, $pane, $items, pos ){
   e.preventDefault();if( this.blur )this.blur();
  },
  onAfter:function( elem ){}});
 }