Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

BRUNOOO

Combobox com pesquisa embutida

Por , em PHP

Recommended Posts

BRUNOOO    0

BRUNOOO
Postado

Ola,Estou tentando fazer um combobox com pesquisa embutida. Tipo que o usuario vai digitando e a combo vai buscando os dados que correspondem ao q foi digitado. Pode utilizar reload.Nao estou csg entrar com texto na combo. Pretendo utilizar php, html e javascript.Alguem sabe como faz isso, se eh possivel? Algum dica??? Algum exemplo???Jah vi isso em outras linguagens, mas pra web tah fo@# achar alguma coisa.Valew

Compartilhar este post

Link para o post
Compartilhar em outros sites

slipce    0

slipce
Postado

Você vai ter que construir um componente pra isso, pois com a combobox nativa dos navegadores não é possível fazer isso, pelo menos até a onde eu sei.

Compartilhar este post

Link para o post
Compartilhar em outros sites

BRUNOOO    0

BRUNOOO
Postado

Você vai ter que construir um componente pra isso, pois com a combobox nativa dos navegadores não é possível fazer isso, pelo menos até a onde eu sei.

E como que eu faco para construir um componente?

Compartilhar este post

Link para o post
Compartilhar em outros sites

slipce    0

slipce
Postado

Eu achei um exemplo, só que ele necessita de muitas melhoras e de uma adaptação para fazer a pesquisa.

 

http://www.dhtmlgoodies.com/index.html?whi...editable_select

 

Não aconselho voce a fazer uma pesquisa em que a tela de um refresh toda vez que o usuário digitar uma letra, sugiro que você utilize ajax ou pense em outro modo para fazer essa pesquisa, no sistema que eu trabalhava antigamente era feito da seguinte maneira.

 

Tinha uma caixa de texto com um botão pesquisar, quando a pessoa digitava o que queria e clicava em pesquisar a página dava um refresh e no lugar do textbox aparecia uma combobox com todas os dados semelhantes a pesquisa.

Compartilhar este post

Link para o post
Compartilhar em outros sites

BRUNOOO    0

BRUNOOO
Postado

Csg fazer um utilizando um exemplo que encontrei na internet

 

Ainda precisa de melhorias, mas jah esta utilizavel http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

O fonte segue abaixo:

 

<script><!--  Fonte: [url="http://forums.codecharge.com/posts.php?post_id=62496"]http://forums.codecharge.com/posts.php?post_id=62496[/url]  	function combotext_onkeydown(e, oText, oSelect){		keyCode = e.keyCode;			if (keyCode == 9 || keyCode == 40 || keyCode == 38) {  //Tab Acima e Abaixo teclado			comboselect_onchange(oSelect, oText);  			oSelect.focus();		} else {			pesquisa(e,oText,oSelect);		}	}  	function pesquisa(e,oText,oSelect) {		// Abre a lista de opcoes		oSelect.style.display = 'block'; 				// Ultimo caracter digitado		var c = String.fromCharCode(keyCode);		c = c.toUpperCase();		// Palavra completa que esta no text		toFind = oText.value.toUpperCase() + c;				// Tamanho da palavra para fazer a busca usando o numero de caracteres digitados		var tam_palavra = oText.value.length;				// Um for para varrer todo o array		for (i=0; i < oSelect.options.length; i++) {			// Palavra do select de indice i			nextOptionText = oSelect.options[i].text.toUpperCase().substr(0, tam_palavra+1);	  		// Se encontra a palavra seta o select para palavra encontrada			if(toFind == nextOptionText) {				oSelect.selectedIndex = i;				break;			}		}	}	function comboselect_onchange(oSelect,oText) {		// Pega o text e seta o conteudo para o select selecionado		document.getElementById(oText.id).value = oSelect.options[oSelect.selectedIndex].text;	}	// -->  </SCRIPT>  <body>	<FORM name=form1>		<DIV STYLE="position:relative">      	<INPUT TYPE="text" 			NAME='textInput' 			id="text" 			ONKEYDOWN="combotext_onkeydown(event, this, this.form.selectInput)">        <SELECT NAME=selectInput 	  		STYLE="display:none; position:absolute; top:20px; left:0px" 		  	size="10" 		  	ONBLUR="this.style.display='none'" 	  		ONCHANGE="comboselect_onchange(this, this.form.textInput)">			<option selected value="ASSISTÊNCIA SOCIAL">ASSISTÊNCIA SOCIAL</option>			<option selected value="CIÊNCIA E TECNOLOGIA">CIÊNCIA E TECNOLOGIA</option>			<option selected value="COMÉRCIO E SERVIÇOS">COMÉRCIO E SERVIÇOS</option>			<option selected value="COMUNICAÇÕES">COMUNICAÇÕES</option>			<option selected value="CULTURA">CULTURA</option>			<option selected value="DEFESA NACIONAL">DEFESA NACIONAL</option>			<option selected value="DESPORTO E LAZER">DESPORTO E LAZER</option>			<option selected value="DIREITOS DA CIDADANIA">DIREITOS DA CIDADANIA</option>			<option selected value="EDUCAÇÃO">EDUCAÇÃO</option>			<option selected value="ENCARGOS ESPECIAIS">ENCARGOS ESPECIAIS</option>			<option selected value="ENERGIA">ENERGIA</option>      </SELECT>      <DIV>	  <input type="button" name="Botao" value="Botao" onClick="alert" >  </FORM>  <BODY>

Valew a ajuda

 

Qquer duvida

bferronato arroba gmail ponto com http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

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

  Aceito