<li><a href="#acerca" data-rel="dialog">Acerca de Metroruta DF</a></li> </ul> </div> <div data-role="footer"> <h5>Metroruta DF</h5> </div> </div> <!--Ver líneas del metro--> <div data-role="page" id="lineas"> <div data-role="header"> <h1><img src="imgs/logo.png" alt="Metroruta DF"/></h1> </div> <div data-role="content"> <script> var lineas = <?php Linea::imprimeLineasJavascript(); ?> ; document.write('<ul data-role="listview">'); for(i=0; i<lineas.length; i++) { document.write('<li>'); document.write('<h4>'+lineas[i].nombre+'</h4>'); document.write('<img src="'+lineas[i].icono+'" class="ui-li-icon ui-li-thumb">'); var estaciones = lineas[i].estaciones; document.write('<p>'+estaciones[0].nombre+' - '+estaciones[estaciones.length - 1].nombre+'</p>'); document.write('<ul>'); for(j=0; j<estaciones.length; j++) { document.write('<li><img src="'+estaciones[j].icono+'" class="ui-li-icon ui-li-thumb"><a href="#">'+estaciones[j].nombre+'</a></li>'); } document.write('</ul>'); document.write('</li>');