Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (16)
Mehr von ykro
Mehr von ykro (20)
jQuery Mobile + PhoneGap guía
- 2. jQuery Mobile + PhoneGap Adrián Catalán adriancatalan@elementalgeeks.com @ykro
- 6. ¿qué me provee jQuery Mobile?
- 7. ¿qué NO me provee jQuery Mobile?
- 8. ¿cómo uso jQuery Mobile?
- 16. "The purpose of PhoneGap is for PhoneGap to cease to exist” Brian LeRoux, Nitobi
- 18. Un puente para unir las diferentes plataformas nativas con el mundo web
- 19. +
- 22. jQuery Mobile + PhoneGap Adrián Catalán adriancatalan@elementalgeeks.com @ykro
Hinweis der Redaktion
- Elementos de interface,temas
- Geo / Canvas / Storage
- <div data-role="page"> <div data-role="header"> <h1>Titulo</h1> </div> <div data-role="content"> <p>Contenido</p> </div> <div data-role="footer"> <h4>Page Footer</h4> </div></div>
- <!DOCTYPE HTML><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script><script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
- <div data-role="page"> <div data-role="header"> <h1 id="_title"></h1> </div> <div data-role="content"> <imgsrc="loading.gif" id="_loading" /> <p id="_desc"></p> <ul data-role="listview" data-inset="true" data-filter="true" id="_list"></ul> </div> <div data-role="footer"> <h4><a href="http://mejorando.la"><imgsrc="http://mejorando.la/static/images/logos/mejorandola.png"/></a></h4> </div></div>
- <script type="text/javascript"> $(document).ready(function(){varfeedurl = "http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=" +encodeURIComponent("http://mejorando.la/feed") $.ajax({url: feedurl,dataType: 'json',success: function(data) {vardata_as_json = data.responseData.feed; $("#_title").html(data_as_json.title); $("#_desc").html(data_as_json.description); varentries = data_as_json.entries; $.each(entries, function(index, value) { $("#_list").append("<li><a href=\\"" + value.link + "\\">" + value.title + "</a></li>"); }); $("#_loading").hide(); $("#_list").show(); $("#_list").listview("refresh"); } }); });</script>