Ir para conteúdo

POWERED BY:

Arquivado

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

Herbert Hudson

Jquery autocomplete em DIV contenteditable

Por , em Javascript

Recommended Posts

Herbert Hudson    0

Herbert Hudson
Postado

e ae galera beleza?

 

tentei fazer utilizar o autocomplete do jquery com uma div contenteditable só que não deu certo, ficou assim:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Site</title>
    </head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
	<script type="text/javascript">
 			$(document).ready(function(event){	
                        var data = "core selectors css events".split(" ");
                        $("#content").autocomplete(data);	    
            });
 		</script>
<body>

<div id="content" contenteditable="true"> texto </div>

</body>
</html>

 

alguém saberia de uma outra solução possível?

 

agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

você não linkou o plugin do autocomplete.

 

outra solução seria fazer na mão.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Herbert Hudson    0

Herbert Hudson
Postado

você não linkou o plugin do autocomplete.

 

outra solução seria fazer na mão.

 

vlw kra, eu tinha mesmo esquecido desse detalhe importante, mas mesmo assim não deu inclui as linha:


	<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
	<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/main.css" type="text/css" />
  	<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.css" type="text/css" />
  	<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js"></script>
  	<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js"></script>
  	<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>

 

e nada também, estou vendo que terei que fazer na mão mesmo, já até pensei, só não conseguir algo para inserir conteúdo na posição do curso dentro do div editavel, e pegar as coordenadas x y do curso dentro da div na tela, se alguém souber algo a respeito, vou agradecer muito. Por enquanto vou tentando aqui dando uma pesquisa a mais.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Herbert Hudson    0

Herbert Hudson
Postado

em qual linguagem você vai fazer o auto complete? se for em asp aviza que eu vejo aqui pra vce =D

 

beleza augusto, pretendo fazer em Ruby on Rails, se não for te atrapalhar e puder ver ai pra mim, entendo um pouco de asp, quem sabe não posso adapta-lo.Imagem Postada

 

mesmo assim brigadão.

Compartilhar este post

Link para o post
Compartilhar em outros sites

peppe_legal    0

peppe_legal
Postado

Boa tarde,

 

Você pode fazer um através do ajax e jquery normalmente também, eu prefiro.

 

  jQuery(document).ready( functon (){

    jQuery('#inputDsNome').keyup( function(){
  
       jQyery.post( 'http://www.meusite.com.br/lista.php' , { categoriaID: 2 }, function( data ){

       jQuery('#divLista').html('');
       jQuery('#divLista').html( data ); 
    
    });
  });
});



 <html>
  <head>
  </head>
  <body>
    <input type="text" id="inputDsNome" />
   <div id="divLista"></div>
  </body>
 </html>

Um exemplo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

legal augusto.

 

linka lá com a versão em php:

http://www.wbruno.com.br/blog/?p=24

 

pena que perdeu a indentação qndo você postou.

vou adicionar o teu no meu post, okay ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Herbert Hudson    0

Herbert Hudson
Postado

vlw galera pela atenção, os código são muitos bons, teria que fazer mesmo a parte de resgate de dados no servidor, já é meio caminho andado.

 

Brigadão...

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