Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa Noite
Eu sou bem iniciante em Javascript, não sei muita coisa. Mas estou desenvolvendo um sistema de chamados em PHP + Mysql. Entao eu tenho em uma página que o usário consegue inserir um comentário em seu chamado.
Só que gostaria que qndo ele digitasse @@ aparecesse uma lista de autocomplete dos usuário cadastros no banco. Tipo o facebook que ele vai puxando os usuário.
<div class="widget-header">
<i class="icon-list-alt"></i>
<h3>Chamado Número <?php echo $id;?></h3>
</div> <!-- /widget-header -->
<div class="widget-content">
<?php mostraChamado($id); ?>
<?php mostraComentarios($id); ?>
</div>
</div>
<div class="widget-header">
<i class="icon-comments-alt"></i>
<h3> Incluir Novo Comentário </h3>
</div>
<div class="widget-content">
<div class="tab-pane active" id="formcontrols">
<form id="chamado" class="form-horizontal" method="post" action="" enctype="multipart/form-data">
<div class="control-group">
<label class="control-label">Descrição</label>
<div class="controls">
<textarea type="text" class="span10" id="comentario" name="comentario" rows="5" required="true"/></textarea>
</div> <!-- /controls -->
</div>
<div class="control-group">
<label class="control-label">Arquivos</label>
<div class="controls">
<input type= file multiple name="arquivo[]" id="arquivo[]"/>
<p class="help-block">Para selecionar mais arquivos, pressione CTRL</p>
</div> <!-- /control s -->
</div> <!-- /control-group -->
<div class="form-actions">
<button type="submit" class="btn btn-primary" name="incluir" id="incluir" value="apontar">Incluir Novo Comentário</button>
</div>
</form>
Entao eu gostaria dentro desse textearea fazer isso.
Eu tentei dessa forma mas só quando aperta f10:
<script src="js/signin.js"></script>
<script src="js/tags.js"></script>
<script type="text/javascript">
$('#usuario').on('keydown', function(event) { // também pode usar keyup
if(event.keyCode === 121) {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#aa" ).autocomplete({
source: availableTags
});
}
});
</script>
<script type="text/javascript">
</script>
Só que não faz nada, mas se eu tiro o pressionar o F10 = 121 dai ele funciona e mostra a lista. Alguém conseguiria me ajudar? Obrigado
Carregando comentários...