feed και snippet

[MidSeniorDev]

Φτιάχνω ένα jQuery mobile application και θέλω να τραβήξω με feed και snippet απο ένα site τα posts για το blog μου, τα youtube βιντεάκια για το movies μου, τις εικόνες απο το flickr μου, και τα tweets για το twitter μου..

είναι json objects και θέλω να φτιάξω μιά συνάρτηση για το καθενα να τα δείχνω σα list..

για πέστε καμιά ιδέα.. 

function listPosts(data) {
	var output='<ul data-role="listview" data-theme="d" data-filter="true">';
	$.each(data.posts,function(key,val) {
	
		var tempDiv = document.createElement("tempDiv");
		tempDiv.innerHTML = val.excerpt;
		$("a",tempDiv).remove();
		var excerpt = tempDiv.innerHTML;	
	
		output += '<li>';
		output += '<a href="#blogpost" onclick="showPost(' + val.id + ')">';
		output += '<h3>' + val.title + '</h3>';
		
		output += (val.thumbnail) ?
			'<img src="' + val.thumbnail + '" alt="' + val.title + '" />':
			'<img src="images/viewsourcelogo.png" class="default" alt="View Source Logo" />';
		output += '<p>' + excerpt + '</p>';
		output += '</a>';
		output += '</li>';
	}); 
	output+='</ul>';
	$('#postlist').html(output);
} 


function showPost(id) {
	$.getJSON('http://iviewsource.com/?json=get_post&post_id=' + id 
		+ '&callback=?', function(data) {
		var output='';
		output += '<h3>' + data.post.title + '</h3>';
		output += data.post.content;
		$('#mypost').html(output);
	}); 
} 


function listVideos(data) {	
	var output ='';
	for ( var i=0; i<data.feed.entry.length; i++) {
		var title = data.feed.entry[i].title.$t;
		var thumbnail = data.feed.entry[i].media$group.media$thumbnail[0].url;
		var description = data.feed.entry[i].media$group.media$description.$t;
		var id = data.feed.entry[i].id.$t.substring(38);		
		var blocktype = ((i % 2)===1) ? 'b': 'a';
		
		output += '<div class="ui-block-' + blocktype + '">';
		output += '<a href="#videoplayer" data-transition="fade" onclick="playVideo(\'' 
			+  id +'\',\'' + title + '\',\'' + escape(description) + '\')">';
		output += '<h3 class="movietitle">' + title + '</h3>';
		output += '<img src="' + thumbnail + '" alt="' + title + '" />';
		output +="</a>";
		output +="</div>";
	}	
	$('#videolist').html(output);
}

function playVideo(id, title, description) {
	var output ='<iframe src="http://www.youtube.com/embed/'+ id 
	+'?wmode=transparent&HD=0&rel=0&showinfo=0&controls=1&autoplay=1" 
	frameborder="0" allowfullscreen></iframe>';
	output += '<h3>' + title + '</h3>';
	output += '<p>' + unescape(description) + '</p>';
	$('#myplayer').html(output);
}

function jsonFlickrFeed(data) {
	var output='';
	
	for (var i = 0; i < data.items.length; i++) {
		var title = data.items[i].title;
		var link = data.items[i].media.m.substring(0, 56);
		var blocktype =
			((i%3)===2) ? 'c':
			((i%3)===1) ? 'b':
			'a';
		output += '<div class="ui-block-' + blocktype + '">';
		output += '<a href="#showphoto" data-transition="fade" onclick="showPhoto(\'' 
			+ link +'\',\'' + title + '\')">';
		output += '<img src="' + link + '_q.jpg" alt="' + title + '" />';
		output += '</a>';
		output += '</div>';
	}
	$('#photolist').html(output);
}

function showPhoto(link, title) {
	var output='<a href="#photos" data-transition="fade">';
	output += '<img src="' + link + '_b.jpg" alt="' + title +'" />';
	output += '</a>';
	$('#myphoto').html(output);
}




function listTweets(data) {
	console.log(data);
	var output = '<ul data-role="listview" data-theme="a">';
	
	$.each(data, function(key, val) {
		var text = data[key].text;
		var thumbnail = data[key].user.profile_image_url;
		var name = data[key].user.name;
		
		text=text.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&~\?\/.=]+/g, function(i) {
			var url=i.link(i);
			return url;
		});
		
		text=text.replace(/[@]+[A-Za-z0-9-_]+/g, function(i) {
			var item = i.replace("@",'');
			var	url = i.link("http://twitter.com/"+ item);
			return url;
		});
		
		text=text.replace(/[#]+[A-Za-z0-9-_]+/g, function(i) {
			var item = i.replace("#", '%23');
			var url = i.link("http://search.twitter.com/search?q="+item);
			return url;
		});
		
		output += '<li>';
		output += '<img src="' + thumbnail +'" alt="Photo of ' + name + '">';
		output += '<div>' + text + '</div>';
		output += '</li>';		
	}); 
	output += '</ul>';
	$('#tweetlist').html(output);
}

Επεξ/σία 24 Μαΐου 2017 από MidSeniorDev

[Predatorkill]

[MidSeniorDev]

άμα δέν καταλαβαίνετε κάτι πέστε μου να σας το εξηγήσω δωρεάν

[Predatorkill]

Ωραια σποντα μπραβο.

 

Μαλλον εμεις πρεπει να σου εξηγησουμε οτι βρισκεσαι στο 2017 και υπαρχει κατι που λεγεται responsive web design και χρησιμοποιει αμα θες, ω ναι, jquery σκετη.

[MidSeniorDev]

κάτι σαν αυτά θέλω να φτιάξω..

 

https://jqmgallery.com/

 

Έχει νόημα να βάλω και login?

δέν είμαι κορόιδο να ποστάρω δωρεάν τον κώδικά μου.. 

 

και να σας πώ και κάτι άλλο?

 

όλα τα repo μου στο gitHub είναι private!!! νομίζω αυτό τα λέει όλα

[Predatorkill]

κάτι σαν αυτά θέλω να φτιάξω..

 

https://jqmgallery.com/

 

Έχει νόημα να βάλω και login?

 

δέν είμαι κορόιδο να ποστάρω δωρεάν τον κώδικά μου..

 

και να σας πώ και κάτι άλλο?

 

όλα τα repo μου στο gitHub είναι private!!! νομίζω αυτό τα λέει όλα

Για πες κι αλλα... gwbasic ειναι; ή fortran;