Hola a todos el problemita que tengo es que no consigo que mi código lea los archivos feed rss, lo que quiero es que cuando pincho en el botón noticias este me llegue a los 4 RSS que quiero, y después, pinchando en uno de ellos me lleve a otra página con las diferentes noticias, y el problema esta en que ese ultimo paso no se que tendría que hacer. Echarme una manita por favor.
Os dejo el código que supongo que servirá.
html>
<head>
<!-- scripts de jquery y jqtouch-->
<script type="application/x-javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="application/x-javascript" src="jqtouch/jqtouch/jqtouch.js" charset="utf-8"></script>
<!-- estilos de jqtouch y el tema por defecto-->
<link type="text/css" rel="stylesheet" media="screen" href="jqtouch/jqtouch/jqtouch.css">
<link type="text/css" rel="stylesheet" media="screen" href="jqtouch/themes/apple/theme.css">
<!-- aca se inicia el jqtouch-->
<script type="text/javascript">
var jQT = $.jQTouch({
statusBar: 'black'
})
</script>
<title>jQTouch</title>
</head>
<body>
<!-- pagina 1 -->
<div id="pag1">
<div class="toolbar">
<h1>PRUEBAS</h1>
</div>
<br><a href="http://www.ccmijesususon.com"><br>
<div align="center"><img src="ccmi.gif"></div></a>
<ul class="rounded">
<li><a href="#pag2" align="center">Noticias</a></li>
<li><a href="#pag3" align="center">Galeria de fotos</a></li>
<li><a href="#pag4" align="center">Formulario</a></li>
<li><a href="#pag5" align="center">Otros</a></li>
</ul>
</div>
<!-- pagina elemento 1 -->
<div id="pag2">
<div class="toolbar">
<h1>Noticias</h1>
<a class="button back" href="#">Volver</a>
</div>
<div data-role="content" class="content">
<ul data-role="listview" data-inset="true" data-theme="a">
<li data-role="divider" data-theme="b">Noticias</li>
<li onclick="url='http://feeds.feedburner.com/rssccmiju'"><a href="#pag2-1">RSS CCMIJU</a><img src="rss.png" class="ui-li-icon"></li>
<li onclick="url='http://feeds.feedburner.com/ccmijupublicaciones'"><a href="#pag2-1">Publicaciones</a><img src="rss.png" class="ui-li-icon"></li>
<li onclick="url='http://feeds.feedburner.com/ccmijucursos'"><a href="#pag2-1">Cursos</a><img src="rss.png" class="ui-li-icon"></li>
<li onclick="url='http://feeds.feedburner.com/ccmijunoticias'"><a href="#pag2-1">Noticias</a><img src="rss.png" class="ui-li-icon"></li>
</ul>
</div>
</div>
<div id="pag2-1">
<div class="toolbar">
<h1>Otro elemento</h1>
<a class="button back" href="#">Volver</a>
</div>
</div>
<!-- pagina elemento 2 -->
<div id="pag3">
<div class="toolbar">
<h1>Otro elemento</h1>
<a class="button back" href="#">Volver</a>
</div>
<p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
</div>
<!-- pagina elemento 3 -->
<div id="pag4">
<form id="ajax_post" action="ajax_post.php" method="POST" class="form">
<div class="toolbar">
<h1>Formulario</h1>
<a class="button back" href="#">Volver</a>
</div>
<div class="scroll">
<ul class="rounded">
<li><input type="text" name="zip" value="" placeholder="Zip Code" /></li>
</ul>
<h2>Favorite color?</h2>
<ul class="rounded">
<li><input type="radio" name="color" value="green" title="Green" /></li>
<li><input type="radio" name="color" value="blue" title="Blue" /></li>
<li><input type="radio" name="color" value="red" title="Red" /></li>
</ul>
<a style="margin-top: 10px; margin-bottom: 10px; color:rgba(0,0,0,.9)" href="#" class="submit whiteButton">Submit</a>
</div>
</form>
</div>
</body>
</html>