Ir al contenido principal

Parse que te parse Blogger

Un simple código javascript que busca por el RSS de mi blog .
  1. <div id="res"></div>
  2. <script> 
  3. function lector(data) 
  4. var parser=new DOMParser();
  5. var xmlDoc=parser.parseFromString(data,"text/xml");
  6. var html="";
  7. var titulos = xmlDoc.getElementsByTagName('entry');
  8. var titulo;
  9. for(var i=0;i<titulos.length;i++)
  10. {
  11. var link=0;
  12. for(var j=0;j<titulos[i].childNodes.length;j++)
  13. {
  14. titlesarray=titulos[i].childNodes[j].nodeName;
  15. if(titulos[i].childNodes[j].nodeName=="link")
  16. {
  17. titulo=titulos[i].childNodes[j].innerHTML;
  18. var str = titulos[i].childNodes[j].getAttribute("href").toString();
  19. var n = str.search(".html$");
  20. if(n!=-1)
  21. html+="<a href='"+str+"''>"+titulos[i].childNodes[j].getAttribute("title")+"</a></br>";
  22. }
  23. }  
  24. }
  25. var element= document.getElementById("res");
  26. element.innerHTML=html;
  27. </script>
  28. <!--SSR FEED-->
  29. <script src="http://ionilancer.blogspot.com.es/feeds/posts/default/-/ionilancer/?callback=lector"></script>
Resultado

Un temita aii del ARCE

Entradas populares de este blog

Umask - qué es y para qué sirve (Linux)

Umask - Entendiendo la umask La umask o mascara de usuario es un comando que determina los permisos predeterminados para nuevos archivos. La umask es el valor que se sustrae de los permisos 666 en archivo, o 777 en directorios al crearlos. Por ejemplo si la umask es 022 los nuevos archivos tendran permisos 644 y los nuevos directorios 755. Al ser una operación a nivel de bite, bitwise , un valor 7 en la umask eliminará los permisos rwx en los directorios. pero en el caso de los archivos, cuyos permisos de partida serán rw- , es decir, 6, el resultado será ---, o sea, 0 y no -1.

Documentación jQuery ESP

Buenas!! ya sabéis que javascript es el lenguaje mas importante, por eso me he tomado la molestia de traducir la documentación de jQuery, también hay que decir que en practicas me han mandado hacer eso XD. Bueno pues si te interesa puedes descargarlo aquí o si quieres puedes entrar en librojquery  que es de donde e sacado los ejercicios. Un saludo.

Responsive Design con Media Querys

El Diseño Web Adaptable nos permite crear una web que se adapte a la resolución del dispositivo que la visita, es decir, que el diseño para movil, laptop y escritorio sea diferente. Las Media Querys  nos permiten cambiar el diseño de la web dependiendo del ancho de la pantalla, lo mejor es que solo hace falta saber algo de CSS. La idea es partiendo de un diseño base, ir cambiando solo lo necesario para adaptarlo al dispositivo. Tenemos CSS: #articulo, #panel{display:inline-block;widht:70%;} #panel{widht:30%;} Esto nos mostrara el #panel a la derecha de #articulo, ocupando todo el ancho de su elemento contenedor.  En los móviles el ancho es menor y puede que queramos que el artículo ocupe el 100% de la pantalla. Aquí es donde usamos la media query, seleccionamos el ancho en el que queremos cambiar el diseño, voy a usar 960px (Iphone). @media screen and (max-width:960px) {  #articulo   { widht:100%;   } } Le digo al navegador que cuando la