Witam.
Gdyby ktoś był zainteresowany używaniem / wyrażeniem swoich uwag dotyczących rozwoju aplikacji / rozwojem samej aplikacji o nowe opcje, napisałem mobilną aplikację mTelepolis w JavaScripcie, konkretnie w jQueryMobile, jak widać naprawdę mało kodu, a efekt całkiem udany:
- video z działaniem aplikacji - https://www.dropbox.com/s/zrnr171wa6uskjt/IMG_0071.MOV
- link do apk z aplikacją - https://www.dropbox.com/s/pzwfdhhkty2y1 ... epolis.apk
- kod rdzenia (pominiety kod "owijacza" w Javie)
Gdyby ktoś był zainteresowany używaniem / wyrażeniem swoich uwag dotyczących rozwoju aplikacji / rozwojem samej aplikacji o nowe opcje, napisałem mobilną aplikację mTelepolis w JavaScripcie, konkretnie w jQueryMobile, jak widać naprawdę mało kodu, a efekt całkiem udany:
- video z działaniem aplikacji - https://www.dropbox.com/s/zrnr171wa6uskjt/IMG_0071.MOV
- link do apk z aplikacją - https://www.dropbox.com/s/pzwfdhhkty2y1 ... epolis.apk
- kod rdzenia (pominiety kod "owijacza" w Javie)
Kod: Zaznacz cały
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>mTelepolis</title>
</head>
<body>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script>
var TELEPOLIS = {
adres_wiadomosci : "http://www.telepolis.pl/wiadomosci,2,1,0.html",
adres_artykuly : "http://www.telepolis.pl/artykuly,3,1,0.html",
tablica_wiadomosci:[],
index_diva:0,
zaladujWiadomosci : function(){
var _TEL=this;
$.ajax({
url: _TEL["adres_wiadomosci"],
success: function( strona){
$( strona ).find( 'ul.wiadomosci_lista li:not(".wiadomosci_lista_div")' ).each(function(index) {
var tytul = $(this).find("h2 a").text();
var link = $(this).find ("a:first").attr ("href");
var szczegoly = $(this).find("p.time").contents().filter (function(){return (this.nodeType == 3);}).text();
var dlugosc = szczegoly.length;
var godzina = szczegoly.substring(dlugosc-7);
var data = szczegoly.substring(0,dlugosc-7);
var zajawka = $(this).find("p").eq(1).text();
_TEL.tablica_wiadomosci.push([link,tytul,godzina,data]);
var adres_obrazka = "http://www.telepolis.pl"+$(this).find("a:first img").attr("src");
var pozycja ='<div style="display:none;background:grey;" id="'+index+'" ><img style="float:left;margin:5px;border: 2px solid white;" src="'+adres_obrazka+'" /><h3 style="color:white;background:#33b5e5;">"'+tytul+'"</h3><br/><p>'+godzina+' / '+data +'</p><p style="clear:both;color:white;font-weight:bold;padding-left:3px;">'+zajawka+'</p><hr style="color:white;width:80%;"></div>';
$("#blok-wiadomosci").append(pozycja);
$("div#"+index).on( "click" ,function() {_TEL.index_diva = $(this).attr("id"); $("div#"+_TEL.index_diva).css({opacity:0.5});
$("#blok-newsa").empty();
$("#blok-tytulu").empty();
_TEL.zaladujNewsa();
$('html, body').animate({scrollTop: 0},"slow", function(){
$.mobile.changePage( $("#news"), { transition: "flip" });
});
});
});
var licznik=0;
var stoper = window.setInterval (function (){ $("div#"+licznik).fadeIn(1500);
licznik +=1;
if (licznik == 15) {window.clearInterval (stoper);}
}, 500);
}
});
},
zaladujNewsa : function(){
var _TEL = this;
$("#blok-tytulu").append('<h3>'+_TEL.tablica_wiadomosci[_TEL.index_diva][1]+'</h3>');
var adres = _TEL.tablica_wiadomosci[_TEL.index_diva][0]+" div.main_tresc_news";
$("#blok-newsa").load (adres,function(){
$("script").remove();
$("#blok-newsa a").css({"text-decoration":"none","color":"darkgrey"}).click (function(){return false;});
$("#blok-newsa img").each (function(){
var ad = $(this).attr("src");
var pop_ad = "http://www.telepolis.pl"+ad;
$(this).attr({"src":pop_ad}); });
});
var adres = _TEL.tablica_wiadomosci[_TEL.index_diva][0]+" ul#comments";
$("#tresc-komentarzy").load (adres,function(){
$("script").remove();
$("#tresc-komentarzy a , #tresc-komentarzy div.box_oceny").remove();
// $("#tresc-komentarzy span.bold , #tresc-komentarzy span.time").css({background:"#4C4646"});
$("#tresc-komentarzy li").css({"list-style-type":"none"});
$("#tresc-komentarzy .nr").css({"float":"left"});
$("#tresc-komentarzy ul").css({"margin-left":"-10%"});
$("#tresc-komentarzy li").each(function(){$(this).wrap('<div style="background:grey;padding-left:5px;"></div>');})
});
}
,
powiazObslugeZdarzen : function (){
var _TEL = this;
$("#blok-tytulu" ).
on( "swiperight", function() {
$.mobile.changePage( $("#wiadomosci"), { transition: "flip",reverse: "true" });
}).
on ("swipeleft", function(){
$.mobile.changePage( $("#komentarze"), { transition: "flip" });
}).
on ("tap", function(){telepolis.podzielSieTelepolis(_TEL.tablica_wiadomosci[_TEL.index_diva][1],_TEL.tablica_wiadomosci[_TEL.index_diva][0]);});
$("#naglowek-komentarzy").on ("swiperight", function(){
$.mobile.changePage( $("#wiadomosci"), { transition: "flip",reverse: "true" });
});
}
};
$(function(){
TELEPOLIS.zaladujWiadomosci();
TELEPOLIS.powiazObslugeZdarzen();
});
</script>
<div id="wiadomosci" data-role="page" data-theme="a">
<div data-role="header">
<h1>Wiadomości</h1>
</div>
<div data-role="content" id="blok-wiadomosci"></div>
</div>
<div id="news" data-role="page" data-theme="a">
<div data-role="header">
<h1>News</h1>
</div>
<div data-role="content">
<div id = "blok-tytulu" style="color:white;background:#33b5e5;padding:5px;"></div>
<div id="blok-newsa" style="color:white;background:grey;padding:5px;" ></div>
</div>
</div>
<div id="komentarze" data-role="page" data-theme="a">
<div data-role="header">
<h1>Komentarze</h1>
</div>
<div data-role="content">
<div id = "naglowek-komentarzy" style="color:white;background:#33b5e5;padding:5px;"><h3 style="text-align:center;" >Ostatnie komentarze</h3></div>
<div id="tresc-komentarzy" ></div>
</div>
</div>
</body>
</html>