Modifikacja json feed

Miejsce dotyczące zagadnień związanych z standardami WWW - problemy, rozwiązania.
no avatar
astapt
 
Posty: 2
Reputacja: 0 pkt
Od: 23 kwi 2017, o 21:55

Modifikacja json feed

przez astapt » 8 maja 2017, o 13:12

Chcialbym by feed z jsona pokazywał sie tam gdzie chce. W tym momecie pokazuje sie to w liscie. A chciałbym miec mozliwosc edytowania jego wygladu pozycji tak jak mozna to zrobic z strona html w css.

Chciałbym by wygladalo to na koncu w taki sposob
https://i.stack.imgur.com/FVgjV.jpg

Kod narazie wyglada tak.


Kod: Zaznacz cały
function listPosts(data) {
  var output = '<ul data-role="listview" 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/itblogo.png" alt="ITB Logo">';
    output += '<h3>' +  val.custom_fields.gender + "</h3>";
    output += '<h3>' +  val.custom_fields.age + "</h3>";

    output += '</a>';
    output += '</li>';



  }); //go through each post
  output += "</ul>";
  $('#postlist').html(output);
} //listPosts








function showPost(id) {
  $.getJSON('http://www.pawmatch.info?json=get_post&post_id=' + id + '&callback=?', function(data) {
    var
    output ='<img src="'+data.post.thumbnail + '">'
    output += '<h3>' + data.post.custom_fields.dogs_name + '</h3>'
    output +='<h3>'+data.post.custom_fields.dog_size + '</h3>'
    output +='<h3>'+data.post.custom_fields.age + '</h3>'
    output +='<h3>'+data.post.custom_fields.gender + '</h3>'
    output +='<h3>'+data.post.custom_fields.breed + '</h3>'
    output +='<h3>'+data.post.custom_fields.extra_information + '</h3>'
    $('#mypost').html(output);
  });
}

Powrót do HTML, CSS, JavaScript

Kto przegląda forum Wordpress

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 0 gości

cron