Advertisement
Guest User

Untitled

a guest
Oct 19th, 2018
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.68 KB | None | 0 0
  1. $result = array(
  2. 'totalAnuncios' => 0,
  3. 'dados' =>null,
  4. 'nm_usuarios' =>null,
  5. 'estados' =>null,
  6. 'municipios' =>null,
  7. 'bairros' =>null,
  8. 'categorias' =>null
  9.  
  10. );
  11. echo json_encode($result);
  12.  
  13. $(function(){
  14.  
  15. carregar(0, 3, 'Chamadas/listarAnuncios.php');
  16. $(document).on('click', '#carregarMais',function(){
  17.  
  18. var init = (jQuery('.anunciosJson').length);
  19. carregar(init, 3, 'Chamadas/listarAnuncios.php')
  20. });
  21. function carregar(init, max, url){
  22. var dados = { init : init, max : max };
  23. if(init >= 3)
  24. {
  25. $('#img_loadBuscarAnuncio').fadeIn('slow');
  26. }
  27. $('#cardContainer').css("opacity", 0.4);
  28.  
  29. $.post(url, dados, function (data) {// o código para aqui <----------
  30. $("#carregarMais").last().remove();
  31. $('#img_loadBuscarAnuncio').fadeOut('slow');
  32. $('#cardContainer').css("opacity", 1.0);
  33.  
  34. for(i = 0; i < data.dados.length; i++){
  35. var imgTeste = data.dados[i].img ? data.dados[i].img : "../anuncio-padrao.png";
  36.  
  37. $("#cardAnuncios").append('<div class="anunciosJson">'
  38. +'<a style="display: block; color: rgba(0,0,0,0.87);" href="#">'
  39. +'<div style="box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); overflow: hidden; margin-bottom: 6px;">'
  40. +'<div class="col s4 m4" style="padding: 0px; margin: 0px;">'
  41. +'<div style="width: 100%; overflow: hidden;">'
  42. +'<div style="display: inline-block; position: relative; right: -50%;">'
  43. +'<img src="img/anuncios/'+imgTeste+'" alt="user background" style="height: 150px; width: auto; position: relative; left: -50%; vertical-align: bottom;">'
  44. +'</div>'
  45. +'</div>'
  46. +'</div>'
  47. +'<div class="col s8 m8 truncate-text" style="padding-left: 14px; padding-top: 8px; height: 150px;">'
  48. +'<span class="grey-text text-darken-4" style="font-size: 20px;">'+data.dados[i].nm_titulo+'</span>'
  49. +'<br>'
  50. +'<span class="grey-text">Anúncio criado por: '+data.nm_usuarios[i].nm_usuario+' em '+data.dados[i].dt_criacao+'</span>'
  51. +'<div class="star-result" style="margin-bottom: -10px;">'
  52. +'<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">'
  53. +'<style>'
  54. +'.checked {'
  55. +'color: orange;'
  56. +'}'
  57. +'</style>'
  58. +'<span class="fa fa-star checked"></span>'
  59. +'<span class="fa fa-star checked"></span>'
  60. +'<span class="fa fa-star checked"></span>'
  61. +'<span class="fa fa-star"></span>'
  62. +'<span class="fa fa-star"></span>'
  63. +'</div>'
  64. +'<br>'
  65. +'<i class="mdi-image-navigate-next cyan-text text-darken-2"></i>'
  66. +'<span class="cyan-text text-darken-2">Informática</span>'
  67. +'<br>'
  68. +'<i class="mdi-communication-location-on cyan-text text-darken-2"></i>'
  69. +'<span class="cyan-text text-darken-2">Encruzilhada, Santos - São Paulo</span>'
  70. +'</div>'
  71. +'</div>'
  72. +'</a>'
  73. +'</div>');
  74. }
  75. console.info(data);
  76. $("#cardAnuncios").append('<button id="carregarMais" class="btn right" style="background-color: #0097a7;" type="submit" name="action"><center>Carregar mais</center></button>');
  77. $('#img_loadBuscarAnuncio').fadeOut('slow');
  78. $('#cardContainer').css("opacity", 1,0);
  79. var conta = $('<div class="anunciosJson">').length;
  80.  
  81. if(init == max)
  82. {
  83. $("#carregarMais").last().remove();
  84. $('#img_loadBuscarAnuncio').fadeOut('slow');
  85. $('#cardContainer').css("opacity", 1.0);
  86. }
  87.  
  88. if(conta == data.totalResults) {
  89. $("#carregarMais").hide();
  90. }
  91.  
  92. }, "json");
  93. }
  94.  
  95. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement