Ir para conteúdo
Caio Vargas

Filtro de busca

Recommended Posts

Fala pessoal todo tranquilo?

Estou com um pequeno problema em um filtro que estou desenvolvendo para uma imobiliária.

Seguinte eu tenho 3 checkbox venda mensal diária .

E tenho 3 selects com cidade balneário e tipo de imóvel

 

O meu filtro funciona da seguinte forma o primeiro checkbox sempre vem marcado que e o venda aí quando eu clicar no botão buscar ele vai buscar os imóveis venda 

Aí se o cara clicar em select cidade ele vai buscar no banco via ajax e me trás o resultado via sessão montando a query

 

 

Porém ele só vai sentar no Ajax quanto eu selecionar um checkbox a dúvida e como eu posso fazer isso já que eu tô usando http build query 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Caio Vargas, saudações...

 

Select Box Dinamico usando Ajax

<?php
/*
 *
 * Codeigniter Dynamic Dependent Select Box using Ajax
 *
 /*
	--
	-- Database: `country_state_city`
	--
	-- --------------------------------------------------------
	--
	-- Table structure for table `country`
	--

	CREATE TABLE `country` (
	  `country_id` int(11) NOT NULL,
	  `country_name` varchar(250) NOT NULL
	) ENGINE=InnoDB DEFAULT CHARSET=latin1;

	--
	-- Dumping data for table `country`
	--

	INSERT INTO `country` (`country_id`, `country_name`) VALUES
	(1, 'USA'),
	(2, 'Canada'),
	(3, 'Australia'),
	(4, 'India');

	--
	-- Indexes for dumped tables
	--

	--
	-- Indexes for table `country`
	--
	ALTER TABLE `country`
	  ADD PRIMARY KEY (`country_id`);

	--
	-- AUTO_INCREMENT for dumped tables
	--

	--
	-- AUTO_INCREMENT for table `country`
	--
	ALTER TABLE `country`
	  MODIFY `country_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;

	  
	  
	--
	-- Database: `country_state_city`
	--
	-- --------------------------------------------------------
	--
	-- Table structure for table `state`
	--

	CREATE TABLE `state` (
	  `state_id` int(11) NOT NULL,
	  `country_id` int(11) NOT NULL,
	  `state_name` varchar(250) NOT NULL
	) ENGINE=InnoDB DEFAULT CHARSET=latin1;

	--
	-- Dumping data for table `state`
	--

	INSERT INTO `state` (`state_id`, `country_id`, `state_name`) VALUES
	(1, 1, 'New York'),
	(2, 1, 'Alabama'),
	(3, 1, 'California'),
	(4, 2, 'Ontario'),
	(5, 2, 'British Columbia'),
	(6, 3, 'New South Wales'),
	(7, 3, 'Queensland'),
	(8, 4, 'Karnataka'),
	(9, 4, 'Telangana');

	--
	-- Indexes for dumped tables
	--

	--
	-- Indexes for table `state`
	--
	ALTER TABLE `state`
	  ADD PRIMARY KEY (`state_id`);

	--
	-- AUTO_INCREMENT for dumped tables
	--

	--
	-- AUTO_INCREMENT for table `state`
	--
	ALTER TABLE `state`
	  MODIFY `state_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=10;



	--
	-- Database: `country_state_city`
	--
	-- --------------------------------------------------------
	--
	-- Table structure for table `city`
	--

	CREATE TABLE `city` (
	  `city_id` int(11) NOT NULL,
	  `state_id` int(11) NOT NULL,
	  `city_name` varchar(250) NOT NULL
	) ENGINE=InnoDB DEFAULT CHARSET=latin1;

	--
	-- Dumping data for table `city`
	--

	INSERT INTO `city` (`city_id`, `state_id`, `city_name`) VALUES
	(1, 1, 'New York city'),
	(2, 1, 'Buffalo'),
	(3, 1, 'Albany'),
	(4, 2, 'Birmingham'),
	(5, 2, 'Montgomery'),
	(6, 2, 'Huntsville'),
	(7, 3, 'Los Angeles'),
	(8, 3, 'San Francisco'),
	(9, 3, 'San Diego'),
	(10, 4, 'Toronto'),
	(11, 4, 'Ottawa'),
	(12, 5, 'Vancouver'),
	(13, 5, 'Victoria'),
	(14, 6, 'Sydney'),
	(15, 6, 'Newcastle'),
	(16, 7, 'City of Brisbane'),
	(17, 7, 'Gold Coast'),
	(18, 8, 'Bangalore'),
	(19, 8, 'Mangalore'),
	(20, 9, 'Hydrabad'),
	(21, 9, 'Warangal');

	--
	-- Indexes for dumped tables
	--

	--
	-- Indexes for table `city`
	--
	ALTER TABLE `city`
	  ADD PRIMARY KEY (`city_id`);

	--
	-- AUTO_INCREMENT for dumped tables
	--

	--
	-- AUTO_INCREMENT for table `city`
	--
	ALTER TABLE `city`
	  MODIFY `city_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=22;  
*/
?>

//--------------------------------------------------------------------------

/*
 * Dynamic_dependent.php(Controller)
*/
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

	class Dynamic_dependent extends CI_Controller {
	 
		public function __construct()
		{
		    parent::__construct();
			$this->load->model('dynamic_dependent_model');
		}

		function index()
		{
			$data['country'] = $this->dynamic_dependent_model->fetch_country();
			$this->load->view('dynamic_dependent', $data);
		}

		function fetch_state()
		{
			if($this->input->post('country_id'))
			{
			   echo $this->dynamic_dependent_model->fetch_state($this->input->post('country_id'));
			}
		}

		function fetch_city()
		{
			if($this->input->post('state_id'))
			{
			   echo $this->dynamic_dependent_model->fetch_city($this->input->post('state_id'));
			}
		}
	  
	}
?>

//--------------------------------------------------------------------------

/*
 * Dynamic_dependent_model.php(Model)
*/
<?php
class Dynamic_dependent_model extends CI_Model
{
	function fetch_country()
	{
	    $this->db->order_by("country_name", "ASC");
		$query = $this->db->get("country");
		return $query->result();
	}

	function fetch_state($country_id)
	{
		$this->db->where('country_id', $country_id);
		$this->db->order_by('state_name', 'ASC');
		$query = $this->db->get('state');
		$output = '<option value="">Select State</option>';
			foreach($query->result() as $row)
			{
			   $output .= '<option value="'.$row->state_id.'">'.$row->state_name.'</option>';
			}
		return $output;
	}

	function fetch_city($state_id)
	{
		$this->db->where('state_id', $state_id);
		$this->db->order_by('city_name', 'ASC');
		$query = $this->db->get('city');
		$output = '<option value="">Select City</option>';
			foreach($query->result() as $row)
			{
			   $output .= '<option value="'.$row->city_id.'">'.$row->city_name.'</option>';
			}
		return $output;
	}
}
?>

//--------------------------------------------------------------------------

/*
 * dynamic_dependent.php(View)
*/
<html>
	<head>
		<title>Codeigniter Dynamic Dependent Select Box using Ajax</title>
		
	 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
	 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
	 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	 <style>
	 .box
	 {
	  width:100%;
	  max-width: 650px;
	  margin:0 auto;
	 }
	 </style>
	</head>
	<body>
	 <div class="container box">
	  <br />
	  <br />
	  <h3 align="center">Codeigniter Dynamic Dependent Select Box using Ajax</h3>
	  <br />
	  <div class="form-group">
	   <select name="country" id="country" class="form-control input-lg">
		<option value="">Select Country</option>
		<?php
		foreach($country as $row)
		{
		 echo '<option value="'.$row->country_id.'">'.$row->country_name.'</option>';
		}
		?>
	   </select>
	  </div>
	  <br />
	  <div class="form-group">
	   <select name="state" id="state" class="form-control input-lg">
		<option value="">Select State</option>
	   </select>
	  </div>
	  <br />
	  <div class="form-group">
	   <select name="city" id="city" class="form-control input-lg">
		<option value="">Select City</option>
	   </select>
	  </div>
	 </div>
	</body>
</html>

<script>
	$(document).ready(function(){
		$('#country').change(function(){
			var country_id = $('#country').val();
			if(country_id != ''){
			    $.ajax({
					url:"<?php echo base_url(); ?>dynamic_dependent/fetch_state",
					method:"POST",
					data:{country_id:country_id},
					success:function(data){
					    $('#state').html(data);
					    $('#city').html('<option value="">Select City</option>');
					}
			   });
			} else {
			   $('#state').html('<option value="">Select State</option>');
			   $('#city').html('<option value="">Select City</option>');
			}
		});

		$('#state').change(function(){
			var state_id = $('#state').val();
			if(state_id != ''){
			    $.ajax({
					url:"<?php echo base_url(); ?>dynamic_dependent/fetch_city",
					method:"POST",
					data:{state_id:state_id},
					success:function(data){
					    $('#city').html(data);
				    }
			   });
			} else {
			   $('#city').html('<option value="">Select City</option>');
			}
		});
	 
	});
</script>

 

 

 

Espero ter ajudado.

 

Atenciosamente,

 

Cesar

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara muito obrigado ... Então na verdade o meu sistema ta funcionando redondinho a única coisa que eu tô tendo problema e que o meu checkbox já está checado com o valor 2 que seria venda e quando eu clico em buscar ele não pega os resultados pq no meu arquivo filtro ele monta a query de acordo com os campos que eu busco 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sabia que se você usar as ferramentas corretas uma parte do problema é resolvido?

Ao invés de usar um input checkbox use o radio que serve para esse tipo de situação.

 

Bom, não de para eu entender o real problema, mas o que me aparenta é que você precisa envia um cabeçalho HTTP como POST.

Se for esse o caso:

Spoiler

<p>venda<input type="radio" name="periodo" value="a" /></p>
<p>mensal<input type="radio" name="periodo" value="b" /></p>
<p>diária<input type="radio" name="periodo" value="c" /></p>

<select name="tipo" id="seletor">
    <option value="a">cidade</option>
    <option value="b">balneário</option>
    <option value="c">imóvel</option>
</select>

<div id="resposta"></div>

<script>
    document.getElementById('seletor').addEventListener('change', executaAjax, false);

    function executaAjax(s) {
        var seletor = s.target,
            executar = false,
            url = '',
            periodo = document.querySelectorAll('input[name="periodo"]'),
            xhttp = new XMLHttpRequest();

        periodo.forEach(function (p) {
            if (p.checked) {
                executar = true;
                url += p.name + '=' + p.value;
            }
        });
        
        if (executar) {
            url += '&' + seletor.name + '=' + seletor.value;

            xhttp.onload = function () {
                document.getElementById('resposta').innerHTML = this.responseText;
            };
            xhttp.open('POST', 'arquivo.php', true);
            xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
            xhttp.send(url);
        }
    }
</script>

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Basicamente e isso .... O único problema e que o primeiro campo sempre vem checado que e o venda 

Aí quando eu clicar em buscar ele vai pra página filtro onde me trás o imóvel e lá eu monto a query conforme o campo 

Tipo selec from tabela where venda 

Ele não pega pq como estou trabalhando via Ajax nós botões ele tem que ser obrigado a ser clicado para entrar na case e ativar a sessão pra montar a query ou seja se eu mandar via post e tentar montar a query e o campo tiver vazio ele não me dá resultado 

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
5 horas atrás, Omar~ disse:

Sabia que se você usar as ferramentas corretas uma parte do problema é resolvido?

Ao invés de usar um input checkbox use o radio que serve para esse tipo de situação.

 

Bom, não de para eu entender o real problema, mas o que me aparenta é que você precisa envia um cabeçalho HTTP como POST.

Se for esse o caso:

  Mostrar conteúdo oculto


<p>venda<input type="radio" name="periodo" value="a" /></p>
<p>mensal<input type="radio" name="periodo" value="b" /></p>
<p>diária<input type="radio" name="periodo" value="c" /></p>

<select name="tipo" id="seletor">
    <option value="a">cidade</option>
    <option value="b">balneário</option>
    <option value="c">imóvel</option>
</select>

<div id="resposta"></div>

<script>
    document.getElementById('seletor').addEventListener('change', executaAjax, false);

    function executaAjax(s) {
        var seletor = s.target,
            executar = false,
            url = '',
            periodo = document.querySelectorAll('input[name="periodo"]'),
            xhttp = new XMLHttpRequest();

        periodo.forEach(function (p) {
            if (p.checked) {
                executar = true;
                url += p.name + '=' + p.value;
            }
        });
        
        if (executar) {
            url += '&' + seletor.name + '=' + seletor.value;

            xhttp.onload = function () {
                document.getElementById('resposta').innerHTML = this.responseText;
            };
            xhttp.open('POST', 'arquivo.php', true);
            xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
            xhttp.send(url);
        }
    }
</script>

 

 

 

$WcImobiFilter = (!empty($_SESSION['wc_imobi_filter']) ? $_SESSION['wc_imobi_filter'] : null);
// $WcImobiFilter = (!empty($filter) ? $filter : $filter);
$FilterValues = (!empty($WcImobiFilter) ? http_build_query($WcImobiFilter) : null);
$FilterAdd = null;
if ($WcImobiFilter):
    foreach ($WcImobiFilter as $fKey => $fValue):
        $FilterAdd .= " AND {$fKey} = :{$fKey}";
    endforeach;
endif;
$Page = (!empty($URL[1]) ? $URL[1] : 1);
$Pager = new Pager(BASE . "/filtro/", "<<", ">>", 3);
$Pager->ExePager($Page, 5);
$Read->ExeRead(DB_IMOBI, "WHERE realty_status = 1 {$FilterAdd} LIMIT :limit OFFSET :offset", "{$FilterValues}&limit={$Pager->getLimit()}&offset={$Pager->getOffset()}");

if ($Read->getResult()):
    foreach ($Read->getResult() as $IMOBI):
        extract($IMOBI);
        $BOX = 3;
        require REQUIRE_PATH . '/inc/moveis_lista.php';
    endforeach;

    $Pager->ExePaginator(DB_IMOBI, "WHERE realty_status = 1 {$FilterAdd}", "{$FilterValues}");
    echo $Pager->getPaginator();
else:
    $Pager->ReturnPage();
    Erro("<div style='text-align: center'>Desculpe, mas não encontramos imóveis cadastrados nos termos desta consulta!</div>", E_USER_NOTICE);
endif;

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por ILR master
      Fala galera, tudo bem?
       
      Tenho o seguinte codigo:
       
       class Data {
      public static function ExibirTempoDecorrido($date)
      {
          if(empty($date))
          {
              return "Informe a data";
          }
          $periodos = array("segundo", "minuto", "hora", "dia", "semana", "mês", "ano", "década");
          $duracao = array("60","60","24","7","4.35","12","10");
          $agora = time();
          $unix_data = strtotime($date);
          // check validity of date
          if(empty($unix_data))
          {  
              return "Bad date";
          }
          // is it future date or past date
          if($agora > $unix_data) 
          {  
              $diferenca     = $agora - $unix_data;
              $tempo         = "atrás";
          } 
          else 
          {
              $diferenca     = $unix_data - $agora;
              $tempo         = "agora";
          }
          for($j = 0; $diferenca >= $duracao[$j] && $j < count($duracao)-1; $j++) 
          {
              $diferenca /= $duracao[$j];
          }
          $diferenca = round($diferenca);
          if($diferenca != 1) 
          {
              $periodos[$j].= "s";
          }
          return "$diferenca $periodos[$j] {$tempo}";
      }
      }
       
      Funciona redondinho se o valor retornado for de algumas horas, mas...
      Quando passa de dois meses, ele retorna a palavra mess. Deve ser por conta dessa linha
      if($diferenca != 1) 
          {
              $periodos[$j].= "s";
          }
       
      Quero que modre:
       
      2 meses atrás
      e não
      2 mess atrás.
       
      Espero que tenham entendido.
       
      Valeu
    • Por Carlos Web Soluções Web
      Olá...
      Estou tentando fazer o seguinte !!
      Listando dados em tabela !!
      Gostaria que....se na listagem houver 4 linhas...indepedente de seu número de ID, faça a listagem em ID ser em ordem 1 2 3 4 !!
      Exemplo...se tiver uma listagem de dados que está em ID 1 3 3...faça ficar 1 2 3 !!

       
      echo "<table class='tabela_dados' border='1'> <tr> <td>ID</td> <td>Nome Empresa</td> <td>Responsável</td> <td>Telefone 1</td> <td>Telefone 2</td> <td>E-mail 1</td> <td>E-mail 2</td> <td>Endereço</td> <td>CEP</td> <td>Bairro</td> <td>AÇÃO 1</td> <td>AÇÃO 2</td> </tr> "; $sql = "SELECT ID FROM usuarios_dados WHERE Usuario='$usuario'"; $result = $conn->query($sql); $num_rows = $result->num_rows; $Novo_ID = 1; for ($i = 0; $i < $num_rows; $i++) { $registro = $result -> fetch_row(); $sql2 = "UPDATE usuarios_dados SET ID='$Novo_ID' WHERE ID='$Novo_ID'"; $result2 = $conn->query($sql2); $Novo_ID++; } $sql = "SELECT * FROM usuarios_dados"; $result = $conn->query($sql); if ($result->num_rows > 0) { // output data of each row while($row = $result->fetch_assoc()) { echo "<tr> <td>$row[ID]</td> <td>$row[Nome_Empresa]</td> <td>$row[Responsavel]</td> <td>$row[Telefone_1]</td> <td>$row[Telefone_2]</td> <td>$row[Email_1]</td> <td>$row[Email_2]</td> <td>$row[Endereço]</td> <td>$row[CEP]</td> <td>$row[Bairro]</td> <td> <form method='post' action='Editar_Dados.php'> <input type='hidden' name='usuario' value='$usuario'> <input type='hidden' name='senha' value='$senha'> <input type='hidden' name='ID' value='$row[ID]'> <input type='submit' style='padding: 10px;' value='EDITAR'> </form> </td> <td> <form method='post' action='Deletar_Dados.php'> <input type='hidden' name='usuario' value='$usuario'> <input type='hidden' name='senha' value='$senha'> <input type='hidden' name='ID' value='$row[ID]'> <input type='submit' style='padding: 10px;' value='DELETAR'> </form> </td> </tr> "; } } else { echo "0 results"; } $conn->close();  
    • Por ILR master
      Boa tarde pessoal, tudo bem ?
       
      Eu uso o tinymce para cadastro de textos no meu siite, porém, quero fazer um sistema para que os colunistas possam fazer o próprio post.
      O problema do tinymce, é que ele mantém a formatação do texto copiado, como tamanho de fonts, negritos, etc... Quero que o usuário cole o texto e a própria textarea limpe a formatação para que ele formate como quiser.
       
      A pergunta é:
       
      O tinymce tem uma opção para desabilitar a formatação quando um texto é colocado?
      Tem alguma função via java ou php para retirar a formatação assim que o texto é colado?
      Ou é melhor usar um outro editor?
       
      Agradeço deste já.
    • Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.