Advertisement
roniewill

Função para carregar lojas em um "slider"

Dec 6th, 2016
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // Obtem todas as lojas
  2.     function getStores(val) {
  3.  
  4.         $.ajax({
  5.             url: uri + val,
  6.             async: true,
  7.             contentType: 'application/json;charset=utf-8',
  8.             beforeSend: function () {
  9.                 loadStr = '<div class="col-md-12" style="background:url(http://www.simoneta.com.br/public/site/imagens/load.gif) no-repeat center center;height:40px;"></div>';
  10.                 $("#showContent").html(loadStr);
  11.             },
  12.             success: function (data) {
  13.                 var obj = data;
  14.                 var resultStr = "";
  15.  
  16.                 if (obj.length === 0) {
  17.                     resultStr = resultStr + '<div class="col-md-12"><p class="bg-info" style="padding: 15px; color: #fff; text-align: center;">Desculpe! Sem dados no momento.</p></div>';
  18.                 } else {
  19.  
  20.                     for (var i = 0; i < obj.length; i++) {
  21.                        
  22.                         resultStr = resultStr + '<div class="item">';
  23.                         resultStr = resultStr + '<div class="row">';                        
  24.                         resultStr = resultStr + '<div class="col-md-3">';
  25.                         resultStr = resultStr + '<div class="thumbnail">';
  26.                         resultStr = resultStr + '<img src="' + (obj[i]['logo'] ? obj[i]['logo'] : 'http://www.simoneta.com.br/public/site/imagens/icone-loja.jpeg') + '" alt="Slide'+obj[i]+'">';
  27.                         resultStr = resultStr + '<div class="caption">';
  28.                         resultStr = resultStr + '<h3>'+ obj[i]['nome'] +' <small class="cat">' + obj[i]['categoria'] + '</small></h3>';
  29.                         resultStr = resultStr + '<p><i class="fa fa-map-marker"></i> ' + obj[i]['endereco'] + '</p>';
  30.                         resultStr = resultStr + '<p class="margin-bottom"><i class="fa fa-phone"></i> ' + obj[i]['telefone'] + '</p>';
  31.                         resultStr = resultStr + '<a href="detalhe-loja?idcategoria=' + obj[i]['idcategoria'] + '&nomecategoria=' + obj[i]['categoria'] + '&idloja=' + obj[i]['id'] + '" id="storepage" class="small text-primary pull-right"><i class="fa fa-search"></i> mais detalhes</a>';                        
  32.                         resultStr = resultStr + '</div>';
  33.                         resultStr = resultStr + '</div>';        
  34.                         resultStr = resultStr + '</div>';
  35.                         resultStr = resultStr + '</div>';
  36.                         resultStr = resultStr + '</div>';
  37.                        
  38.                         $(resultStr).appendTo('.carousel-inner');
  39.                         $('<li data-target="#showContent" data-slide-to="' + i + '"></li>').appendTo('.carousel-indicators')
  40.  
  41.                     }
  42.                     $('.item').first().addClass('active');
  43.                     $('.carousel-indicators > li').first().addClass('active');
  44.                     $('#showContent').carousel();
  45.                 }
  46.                 //$("#showContent").empty();
  47.                 $("#showContent").html(resultStr);
  48.             },
  49.             error: function (xhr, textStatus, errorMessage) {
  50.                 alert(errorMessage);
  51.             }
  52.         });
  53.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement