none
formulario em javascript RRS feed

Todas as Respostas

  • Claudio, não sei se entendi muito bem o que você gostaria de fazer, mas se você realmente quiser realizar a busca por javascript com acesso a banco, você terá que utilizar o conceito de AJAX, se você não conhece reserve um tempo para estudar, pois para o que você deseja talvez seja um pouco mais complicado, lembrando que também existem bibliotecas prontas como JQuery, mas que também exigira um pouco de estudo.

    Outra forma sem o uso de AJAX, você pode usar um IFRAME e com javascript ir atualizando a URL deste IFRAME, talvez não seja a melhor solução mas em muitos casos funciona.

    No evento onclick do botao você cria uma function javascript para recuperar os valores dos campos do formulário, e assim para uma URL para o IFRAME.

     

    Abraço

    Estevam


    **** Se a reposta foi útil, então não esqueça de marca-lá. ***
    terça-feira, 27 de abril de 2010 12:24
  • obrigado pelo interesse em me ajudar mas veja como é que funciona o que eu quero:

    nesse site de imobiliaria tem no menu lateral "busca rapida", quando voce escolhe uma opcao, no campo abaixo ja vem os tipos disponiveis da opcao escolhida.

    veja no site http://www.imobiliariavilaprudente.com.br/

    quarta-feira, 28 de abril de 2010 01:28
  • Claudio, então pelo site que você passou se você analisar o código verá que tudo foi feito com IFRAME, o que você precisa é somente copiar e adaptar as suas necessidades.

     

    Veja o código da página:

     

    <script type="text/javascript">
    function funcao(){
    if (document.Form_finalidade.finalidade.selectedIndex > 0){
     document.Form_finalidade.submit();
      }
    else
      {
       alert("Você deverá selecionar uma opção disponível na lista.")};
      }
    </script>
    </head>
    <body style="margin: 0px">
    
    	<form action="categoria.asp" method="post" name="Form_finalidade" target="categoria">
    		<div id="div_finalidade" style="position: absolute; width: 133px; height: 22px; left: 1px; top: 0px">
    			<select name="finalidade" onchange="funcao();" size="1" style="width: 133px; height: 22px">
    			<option value="0">Finalidade</option>
    
    			
    			<option value='L'>Locação</option>
    			
    			<option value='V'>Vendas</option>
    			
    			</select> 
    		</div>
    		<br />
    		<div id="div_categoria" style="position: absolute; width: 133px; height: 22px; left: 1px; top: 27px;">
    		<iframe height="100%" marginheight="1" marginwidth="1" name="categoria" scrolling="no" src="categoria.asp" width="100%" frameborder="0">
    		</iframe><br />
    		</div>
    
    		<div id="div_tipo" style="position: absolute; width: 133px; height: 22px; left: 1px; top: 53px;">
    		<iframe height="100%" marginheight="1" marginwidth="1" name="tipo" scrolling="no" src="tipo.asp" width="100%" frameborder="0">
    		</iframe><br />
    		</div>
    		<div id="div_estado" style="position: absolute; width: 133px; height: 22px; left: 1px; top: 81px;">
    		<iframe marginheight="1" marginwidth="1" name="estado" scrolling="no" src="estado.asp" frameborder="0" style="height: 100%; width: 100%">
    		</iframe><br />
    		</div>
    		<div id="div_cidade" style="position: absolute; width: 133px; height: 22px; left: 1px; top: 107px;">
    		<iframe marginheight="1" marginwidth="1" name="cidade" scrolling="no" src="cidade.asp" frameborder="0" style="height: 100%; width: 100%">
    		</iframe><br />
    
    		</div>
    		<div id="div_regiao" style="position: absolute; width: 133px; height: 22px; left: 1px; top: 134px;">
    		<iframe marginheight="1" marginwidth="1" name="regiao" scrolling="no" src="regiao.asp" frameborder="0" style="height: 100%; width: 100%">
    		</iframe><br />
    		</div>
    		<div id="div_bairro" style="position: absolute; width: 133px; height: 109px; left: 1px; top: 161px;">
    		<iframe allowtransparency="true" marginheight="1" marginwidth="1" name="bairro" scrolling="no" src="bairro.asp" frameborder="0" style="width: 100%;" height="100%">
    		</iframe>
    		</div>
    	</form>
    
    </body>
    </html>
    

     

    A função javascript é a qual ativa a funcionalidade do primeiro combo, o restante dos combos então dentro das página designadas em cada IFRAME.

    Bom creio que a melhor forma seria tentar fazer e vamos tirando as dúvidas.

     

    Abraço

    Estevam


    **** Se a reposta foi útil, então não esqueça de marca-lá. ***
    quarta-feira, 28 de abril de 2010 12:35