Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom Dia Pessoal,
Pessoal gostaria de entender a lógica do botão favoritos. o que eu queria fazer é o seguinte colocar uma estrelinha no item que aparece no site, quando o visitante clicar na estrela esse item vai ficar guardado em uma session, ai quando ele clicar no link favoritos aparece todos os itens que ele favoritou e quando ele fechar o navegador destrói tudo. bem simples né? mas confesso que não faço a mínima ideia de como fazer. ou até tenho mais ou menos a noção mas não sei como fazer. alguém pode me ajudar?
Opa, Desculpa a demora então até consegui fazer um add aos favoritos, mas toda vez que adiciono, tem que dar um refresh na página, teria um jeito de fazer isso, sem dar o refresh, até vi uns tópicos aqui de 2009, 2010, 2015 e uns abandonados geral, mas não consegui entender bem. Na real nesse quase um mês fiz muitas alterações no layout o projeto é meu mesmo. então faço devagar. por isso também a demora em responder.
<div class="header">
<!-- barra top -->
<div class="top">
<div class="container">
<div class="row barra">
<div class="col-sm-3">Creci:000000/[cliente_uf]</div>
<div class="col-sm-3"><i class="fas fa-envelope"></i> [smtp_username]</div>
<div class="col-sm-3"><i class="fas fa-phone-square"></i> [cliente_telefone1] | [cliente_telefone2]</div>
<div class="col-sm-3"><div id="icon_favs_saves__" onclick="window.location.href ='[baseUri]/pagina/favoritos'">
<i class="fas fa-star"></i>
<?php
if (isset($_SESSION['fav_saves'])){
$n1 = count($_SESSION['fav_saves']);
echo $n1;
}else{
echo '';
}
?>
</div></div>
</div>
</div>
</div><!-- end barra top --><div class="">
<div class="container">
<div class="row">
<div class="col-sm-12">
<a href="#"><img src="../app/css_public/images/logo.png"/></a>
<nav>
<ul class="menu">
<li class="home"><a href="[baseUri]/">Home</a></li>
<li class="home"><a href="">Vendas</a></li>
<li class="home"><a href="">Aluguel</a></li>
<li class="home"><a href="[baseUri]/pagina/contato/">Contato</a></li>
<!-- <li class="home"><a href="">Blog</a></li> -->
<li class="home"><a href="[baseUri]/mapa/">Imóveis no Mapa</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div><!-- end menu-->
<hr>
<!--<div class="topinfo" style="color:#fff;"><h3 align="center">O seu novo Imóvel está aqui!! Use os campos de Busca avançados</h3></div>-->
</div><!--fim header-->
<div role="main" class="miolo"><section class="buscaAvancada" style="margin: 5px;">
<div class="container">
<div class="row">
<div class="form-group">
<form id="search" class="form panel-busca hidden" action="[baseUri]/index/buscaavancada/" method="post">
<div class="row">
<div class="col-xs-6 col-sm-2">
<select name="finalidade" id="finalidade" class="sel-custom form-control">
<option value="0">Transação...</option>
<option value="1">Venda</option>
<option value="2">Locação</option>
<option value="4">Temporada</option>
</select>
</div>
<div class="col-xs-6 col-sm-2">
<select name="tipo" id="tipo" class="sel-custom form-control">
<option value="0">Tipo...</option>
<!--{loop:tpb}-->
<!--{ <option value="tpb.tipo_id" name="tpb.tipo_url">tpb.tipo_title</option>}-->
<!--{end:tpb}-->
</select>
</div>
<div class="col-xs-6 col-sm-2">
<select name="cidade" id="cidade" class="sel-custom form-control">
<option value="0">Cidade...</option>
<!--{loop:catb}-->
<!--{ <option value="catb.categoria_id" name="catb.categoria_url">catb.categoria_title</option>}-->
<!--{end:catb}-->
</select>
</div>
<div class="col-xs-6 col-sm-2">
<select name="bairro" id="bairro" class="sel-custom form-control" disabled>
<option value="0">Bairro...</option>
</select>
</div>
<div class="col-xs-6 col-sm-2">
<select name="valormax" id="valormax" class="sel-custom form-control valor_venda">
<option value="0">Preço...</option>
<option value="0">Indiferente</option>
<option value="40000">até 40.000</option>
<option value="50000">até 50.000</option>
<option value="60000">até 60.000</option>
<option value="70000">até 70.000</option>
<option value="80000">até 80.000</option>
<option value="90000">até 90.000</option>
<option value="100000">até 100.000</option>
<option value="150000">até 150.000</option>
<option value="200000">até 200.000</option>
<option value="300000">até 300.000</option>
<option value="400000">até 400.000</option>
<option value="500000">até 500.000</option>
<option value="1000000">até 1 milhão </option>
<option value="2000000">até 2 milhões</option>
<option value="5000000">até 5 milhões</option>
</select>
</div>
<div class="col-xs-6 col-sm-2">
<select name="dorms" id="dorms" class="sel-custom form-control">
<option value="0">Dormitórios</option>
<option value="0">Indiferente</option>
<option value="1">1 Dorms</option>
<option value="2">2 Dorms</option>
<option value="3">3 Dorms</option>
<option value="4">4 Dorms</option>
<option value="5">5 ou mais</option>
</select>
</div>
</div>
<br/>
<div class="row">
<div class="col-xs-6 col-sm-2">
<select name="suites" id="suites" class="sel-custom form-control">
<option value="0">Suites...</option>
<option value="0">Indiferente</option>
<option value="1">1 Suite</option>
<option value="2">2 Suite</option>
<option value="3">3 Suite</option>
<option value="4">4 Suite</option>
<option value="5">5 ou mais</option>
</select>
</div>
<div class="col-xs-6 col-sm-2">
<div class="form-group">
<button type="submit" class="btn btn-block btn-primary" id="btn-busca">Pesquisar</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section><!-- end search -->
<hr>
<section class="banner_top">
<div class="owl-carousel owl-theme slide">
<!--{loop:sl}-->
<!--{<a href="[baseUri]/imovel/sl.categoria_url/sl.sub_url/sl.item_id/">}-->
<!--{<div class="info_b">}-->
<!--{<h4>R$ sl.item_preco</h4>}-->
<!--{<p class="tag_price">sl.categoria_title <span class="sp" >sl.tipo_title</span> </h4>}-->
<!--{</div>}-->
<!--{<div class="figure_item"><img src="[baseUri]/thumb/sl.foto_url/1600/450/crop/" alt="" title="sl.tipo_title em sl.categoria_title"></div>}-->
<!--{</a>}-->
<!--{end:sl}-->
</div>
</section>
<section class="meio">
<div class="container-fluid" style="background-color: #000; color: #fff; padding: 10px;">
<div class="container ">
<div class="venda">
<h4 align="left"><i class="fas fa-search-plus"></i> Imóveis Destaque Venda</h4>
</div>
</div>
</div>
<div class="container init_card">
<div class="row"><!--{loop:i}-->
<!--{<div class="col-xs-5 col-sm-3">}-->
<!--{<div class="item">}-->
<!--{<div class="fin">i.categoria_title</div>}-->
<!--{<div class="ribbon">i.item_promo</div>}-->
<!--{<a href="[baseUri]/imovel/i.categoria_url/i.sub_url/i.item_id/">}-->
<!--{<div class="thumb"><img src="[baseUri]/thumb/i.foto_url/255/150/crop/" title="i.tipo_title em i.sub_title - i.categoria_title por i.item_preco"/></div>}-->
<!--{</a>}-->
<!--{<span class="info">}-->
<!--{<span class="val">R$ i.item_preco</span>}-->
<!--{<span class="cidade">i.item_finalidade</span>}-->
<!--{</span>}-->
<!--{<div class="cat_item">}-->
<!--{<ul>}-->
<!--{<li class="li_item" title="Dormitórios"><i class="fas fa-bed"></i><span class="letter"> i.item_dorm</span></li>}-->
<!--{<li class="li_item" title="Banheiros"><i class="fas fa-shower"></i><span class="letter"> i.item_wc</span></li>}-->
<!--{<li class="li_item" title="vagas"><i class="fas fa-car"></i><span class="letter"> i.item_vaga</span></li>}-->
<!--{<li class="li_item" title="Área"><span class="letter" >área i.item_area <sup>m²</sup></span></li>}-->
<!--{</ul>}-->
<!--{</div>}-->
<!--{<hr>}-->
<!--{<div class="">}-->
<!--{<?php
echo "<form method='POST'>";
echo "<input type='hidden' name='item_id_fav' value='[i.item_id]'>";
echo "<input type='hidden' name='add_tofav' value='carrinho'>";
?>}-->
<!--{<span></span><span>#i.item_ref <?php echo "<span><button type='submit' title='favoritos' value='Adicionar aos Favoritos' class='fav btn_addfav fas fa-heart' onclick='atualiza'></span>"; ?>}-->
<!--{<?php
echo "</form>";
if (!isset($_SESSION['fav_saves'])) {
$_SESSION['fav_saves'] = array();
}
if (isset($_POST['item_id_fav'])) {
$iditem = $_POST['item_id_fav'];
}
if (isset($_POST['add_tofav']) && $_POST['add_tofav'] == 'carrinho') {
if (!isset($_SESSION['fav_saves'][$iditem])) {
$_SESSION['fav_saves'][$iditem] = 1;
}
}
?>}-->
<!--{}-->
<!--{</div>}-->
<!--{</div>}-->
<!--{</div>}--> </div>
</div>
<div class="container">
<div class="col-lg-12 pagination text-center">
[pages]
</div>
</div>
<div class="container-fluid" style="background-color: #000; color: #fff; padding: 10px;">
<div class="container">
<div class="aluguel">
<h4 align="left"><i class="fas fa-search-plus"></i> Imóveis Destaque Aluguel</h4>
</div>
</div>
</div>
<div class="container">
<div class="row">
<!--{loop:i}-->
<!--{<div class="col-xs-5 col-sm-3">}-->
<!--{<div class="item">}-->
<!--{<div class="fin">i.tipo_title</div>}-->
<!--{<a href="[baseUri]/imovel/i.categoria_url/i.sub_url/i.item_id/">}-->
<!--{<div class="thumb"><img class="img-responsive" src="[baseUri]/thumb/i.foto_url/255/150/crop/" title="i.tipo_title em i.sub_title - i.categoria_title por i.item_preco"/></div>}-->
<!--{</a>}-->
<!--{<span class="info">}-->
<!--{<span class="cidade">i.categoria_title</span>}-->
<!--{<span class="val">R$ i.item_preco</span>}-->
<!--{</span>}-->
<!--{<div class="cat_item">}-->
<!--{<ul>}-->
<!--{<li class="li_item" title="Dormitórios"><i class="fas fa-bed"></i><span class="letter"> i.item_dorm</span></li>}-->
<!--{<li class="li_item" title="vagas"><i class="fas fa-car"></i><span class="letter"> i.item_vaga</span></li>}-->
<!--{<li class="li_item" title="Banheiros"><i class="fas fa-shower"></i><span class="letter"> i.item_wc</span></li>}-->
<!--{<li class="li_item" title="Área"><span class="letter" >área i.item_area <sup>m²</sup></span></li>}-->
<!--{</ul>}-->
<!--{</div>}-->
<!--{<hr>}-->
<!--{<div class="">}-->
<!--{<?php
echo "<form method='POST'>";
echo "<input type='hidden' name='item_id_fav' value='[i.item_id]'>";
echo "<input type='hidden' name='add_tofav' value='carrinho'>";
?>}-->
<!--{<span></span><span>#i.item_ref <?php echo "<span><button type='submit' title='favoritos' value='Adicionar aos Favoritos' class='btn_addfav fas fa-star' onclick='atualiza'></span>"; ?>}-->
<!--{<?php
echo "</form>";
if (!isset($_SESSION['fav_saves'])) {
$_SESSION['fav_saves'] = array();
}
if (isset($_POST['item_id_fav'])) {
$iditem = $_POST['item_id_fav'];
}
if (isset($_POST['add_tofav']) && $_POST['add_tofav'] == 'carrinho') {
if (!isset($_SESSION['fav_saves'][$iditem])) {
$_SESSION['fav_saves'][$iditem] = 1;
}
}
?>}-->
<!--{}-->
<!--{</div>}-->
<!--{</div>}-->
<!--{</div>}--> </div>
</div>
</section>
</div><!-- end main -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-sm-2 col-md-4">
<h3>Sc Web Imóveis</h3>
<hr/>
<ul class="foo">
<li><a class="foo" href="http://localhost/com/pagina/sobre/">Sobre Nós</a></li>
<li><a href="http://localhost/com/pagina/links/">Links Úteis</a></li>
<li><a href="http://localhost/com/pagina/contato/">Fale Conosco</a></li>
<li><a href="#topo" class="go-top">Voltar ao Topo</a></li>
</ul>
</div>
<div class="col-sm-2 col-md-4">
<h3>Entre em Contato</h3>
<hr/>
<ul class="foo">
<li><i class="fas fa-phone-square"></i> [cliente_telefone1]</li>
<li><i class="fas fa-phone-square"></i> [cliente_telefone2]</li>
<li><i class="fas fa-phone-square"></i> [cliente_telefone3]</li>
<li> <i class="fas fa-envelope"></i> [smtp_username]</li>
</ul>
</div>
<div class="col-sm-2 col-md-4">
<h3>Onde Estamos</h3>
<hr/>
<ul class="foo">
<li><i class="fas fa-map-marker"></i> [cliente_rua], Nº [cliente_num], [cliente_bairro] - [cliente_cidade] / [cliente_uf] </li>
<li ><i class="fas fa-map"></i><a href="[baseUri]/pagina/contato/"> Exibir Mapa de nossa localização</a></li>
<li>Creci: 00000/SC </li>
</ul>
</div>
</div>
<div >
<p align="center">
<a href="#"></a></p>
</div>
<div align="center" class="br7 Desenvolvimento"> Desenvolvido by <a href="#"> Br7 Web</a></div>
</div>
</div>
</div><!-- end footer -->
<script src="js/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="js/jquery/bootstrap/bootstrap.min.js"></script>
<script src="js/public/main.js" type="text/javascript"></script>
<script src="../app/css/public/OwlCarousel2-2.3.4/dist/owl.carousel.min.js"></script><!--[if gt IE 8]>
<script type="text/javascript" src="assets/js/ie.js"></script>
<![endif]-->
<script>
var owl = $('.owl-carousel');
owl.owlCarousel({
items:1,
loop:true,
margin:10,
autoplay:true,
nav: true,
dots: true,
autoplayTimeout:4000,
autoplayHoverPause:true
});
$('.play').on('click',function(){
owl.trigger('play.owl.autoplay',[1000])
})
$('.stop').on('click',function(){
owl.trigger('stop.owl.autoplay')
})
</script>
<script>
function atualiza(){
window.location.href = 'index.html';
}</script>
</body>
</html>>
7 horas atrás, Rzorr disse:
[...]teria um jeito de fazer isso, sem dar o refresh[...]
Sim, via AJAX:
Logo mais eu volto com o resultado. Obrigado.
PHP: Session Handling
Crie/inicie a sessão:
{ {