Conteúdo Sob Demanda (Erro)
Olá! Preciso desesperadamente finalizar um carregamento sob demanda, porém esse já é o segundo que adapto ao site do cliente e dá erro no Chrome. Por favor me ajudem!
pagina.php
<div style="display:none;height:36px;" class="tips"><?=__FILE__?></div>
<?php
$limite = empty($INI['system']['limite_vitrine']) ? 20 : (int) $INI['system']['limite_vitrine'];
$ordem = 'rand()';
$sql = "select * from team where ehdestaque = 'Y' and (status is null or status = 1) and (pago = 'sim' or anunciogratis = 's') and begin_time < '".time()."' and end_time > '".time()."' order by " . $ordem . " limit " . $limite;
$rs = mysql_query($sql);
if(mysql_num_rows($rs)){
?>
<div class="destaquesMobile">
<?php
while($l = mysql_fetch_assoc($rs)){
$l['title'] = utf8_decode($l['title']);
$link = $ROOTPATH . "/?idoferta=" . $l['id'];
if($l['imgdestaque'] !=""){
$imagemoferta = $INI['system']['wwwprefix']."/media/".$l['image']; //ESTA LINHA ESTAVA NO ELSE
}
else{
$imagemoferta = getImagemDestaque($l['imgdestaque']); //ESTA LINHA ESTAVA NO IF
}
if(!(empty($l["maximo_hospede"]))) {
$hospedes = "Total de hóspedes: " . $l["maximo_hospede"];
}
if(!(empty($l["team_price"]))) {
$valordiaria = "Valor: R$ " . number_format($l["team_price"],2,",",".");
}
if(!(empty($l["imob_tipo"]))) {
$sqlT = "select nome from tipoimoveis where id = '" . $l["imob_tipo"] . "'";
$rsT = mysql_query($sqlT);
$tipo = mysql_fetch_assoc($rsT);
}
else {
$bairro = utf8_decode("Bairro não informado.");
}
$l['title'] = $l['title'];
?>
<div class="itemMobile post">
<div id="caption_mobile" class="caption_mobile" style="background-color: #f9f6f7;"><?=$l['title']?></div>
<figure class="boxFigureMobile">
<p class="boxContentText"> <?=displaySubStringWithStrip($l['title'], 30)?> </p>
<a href="<?=$link?>">
<img src="<?=$imagemoferta?>" alt="<?=$l['title']?>" title="<?=$l['title']?>">
</a>
</figure>
<div class="boxContentMobile">
<p class="boxContentNormal"><?php echo "Imóvel: " . utf8_decode($tipo["nome"]); ?></p>
<p class="boxContentNormal"><?php echo $valordiaria; ?></p>
<p class="boxContentNormal"><?php echo $hospedes; ?></p>
<div id="box_redes_sociais">
<img id="share_redes_sociais" class="boxContentNormal" src="http://www.balcaodeservico.com.br/skin/padrao/images/icon_facebook.png"/>
<img id="share_redes_sociais" class="boxContentNormal" src="http://www.balcaodeservico.com.br/skin/padrao/images/icon_instagram.png"/>
<img id="share_redes_sociais" class="boxContentNormal" src="http://www.balcaodeservico.com.br/skin/padrao/images/icon_twitter.png"/>
<img id="share_redes_sociais" class="boxContentNormal" src="http://www.balcaodeservico.com.br/skin/padrao/images/icon_whatsapp.png"/>
</div>
</div>
</div>
<?php } ?>
<a href="#" id="loadmore">Carregar mais...</a>
<a href="#" id="totop">Ir para o topo</a>
</div>
<?php } ?>
carregamento_sob_demanda.js (O Chrome sempre acusa erro na linha 6 ou 7.
/**
* Created by Equipe Nova Info on 05/10/2017.
*/
//Carrega um conteúdo inicial ao carregar a página
//AS DUAS LINHAS SEGUINTES SÃO AS QUE O CHROME ENCONTRA O ERRO
$(function () {
num_posts_show = 3;
speed_to_top = 1000; // in ms
$(".post").slice(0, num_posts_show).show();
$("#loadmore").on('click', function (e) {
e.preventDefault();
$("div:hidden").slice(0, num_posts_show).slideDown();
if ($("div:hidden").length == 0) {
$("#load").fadeOut('slow');
}
$('html,body').animate({
scrollTop: $(this).offset().top
}, 1500);
});
});
$('#totop').click(function () {
$('body,html').animate({
scrollTop: 0
}, speed_to_top);
return false;
});
$(window).scroll(function () {
if ($(this).scrollTop() > 50) {
$('#totop').fadeIn();
} else {
$('#totop').fadeOut();
}
});
responsive.css
.post {
display:none;
padding: 10px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #efefef;
box-shadow: 0 1px 1px #cdcdcd;
margin-bottom: 5px;
background-color: #f1f1f1;
}
.totop {
position: fixed;
bottom: 10px;
right: 20px;
}
.totop a {
display: none;
}
a, a:visited {
color: #33739E;
text-decoration: none;
display: block;
margin: 10px 0;
}
a:hover {
text-decoration: none;
}
#loadmore {
padding: 10px;
text-align: center;
background-color: #33739E;
color: #fff;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #fff;
box-shadow: 0 1px 1px #ccc;
transition: all 600ms ease-in-out;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
}
#loadmore:hover {
background-color: #fff;
color: #33739E;
}Discussão (0)
Carregando comentários...