Ir para conteúdo

POWERED BY:

Arquivado

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

Gilberto Jr

Auto Complete Com Campo Marcado

Por , em Javascript

Recommended Posts

angelorubin    142

angelorubin
Postado

Tenta trocar a versão do seu jQuery para a mais recente, pode ser local como você já faz ou alguma hospedada:

 

troque isto:

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

por isto:

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Tem uma declaração a mais do jquery, retire isso:

<script type="text/javascript" src="js/jquery.min.js"></script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gilberto Jr    26

Gilberto Jr
Postado

Ficou assim


<!DOCTYPE HTML>



<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        
<script language="javascript" type="text/javascript">
var clientes = ['Marcelo', 'Carlos', 'Angelo', 'Marcos', 'Benedito'];
$('#cliente').prop('disabled','disabled');
$('#cadastrado').on('click',function(){
    $('#cliente').prop('disabled','');
    $('#cliente').on('keyup', function(){
        var cadastrado = $('#cadastrado').prop('checked');
        if(cadastrado){
            $(this).autocomplete({
                source: clientes,
                minLength: 3
            });
        }
        else {
            $(this).empty();
            $(this).autocomplete( "destroy" );
        }
    });
});
</script>
	</head>
	<body>

<div class="container">
    <form class="form-horizontal">
        <div class="form-group">
            <div class="col-sm-10">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" name="codigo" id="cadastrado" />Cadastrado
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label for="cliente" class="col-xs-3 col-xs-3 col-sm-3 control-label">Cliente</label>
            <div class="col-xs-7 col-md-7 col-sm-7">
                <input type="text" class="form-control" name="cliente" id="cliente" />
            </div>
        </div>
    </form>
</div>
</html>

Att;

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Coloca os link para o jQuery UI também, que vai funcionar.

 

Adicione isso:

<link type="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.css" />
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

Olha em funcionamento aqui - http://jsfiddle.net/angelorubin/05akLrdg

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gilberto Jr    26

Gilberto Jr
Postado

kkk Veja como ficou o código e mesmo assim num funcionou.

 

Tem como vc pegar esse código e tentar fazer por ai e vê se funciona?

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		
<script type="text/javascript" src="jquery.min.js"></script>
<link type="jquery-ui.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-ui.min.js"></script>
        
<script language="javascript" type="text/javascript">
var clientes = ['Marcelo', 'Carlos', 'Angelo', 'Marcos', 'Benedito'];
$('#cliente').prop('disabled','disabled');
$('#cadastrado').on('click',function(){
    $('#cliente').prop('disabled','');
    $('#cliente').on('keyup', function(){
        var cadastrado = $('#cadastrado').prop('checked');
        if(cadastrado){
            $(this).autocomplete({
                source: clientes,
                minLength: 3
            });
        }
        else {
            $(this).empty();
            $(this).autocomplete( "destroy" );
        }
    });
});
</script>
</head>

<body>
<div class="container">
    <form class="form-horizontal">
        <div class="form-group">
            <div class="col-sm-10">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" name="codigo" id="cadastrado" />Cadastrado
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label for="cliente" class="col-xs-3 col-xs-3 col-sm-3 control-label">Cliente</label>
            <div class="col-xs-7 col-md-7 col-sm-7">
                <input type="text" class="form-control" name="cliente" id="cliente" />
            </div>
        </div>
    </form>
</div>
</html>

Att;

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Você precisa saber o que está fazendo, senão fica difícil.

Eu coloquei um exemplo em funcionamento para você aqui - http://jsfiddle.net/angelorubin/05akLrdg

É só copiar amigo !

 

Seu erro está nesta linha:

<link type="jquery-ui.min.css" rel="stylesheet" type="text/css" />

Troque por isso:

<link rel="stylesheet" type="text/css" href="jquery-ui.min.css">

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gilberto Jr    26

Gilberto Jr
Postado

Bom...

 

Eu to copiando o código do exemplo que você postou e não esta dando certo.

 

Vamos deixar isso pra lá.

 

Valeu.

 

Att;

Compartilhar este post

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

Informação importante

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

  Aceito