Pegar a posição do cursor e adicionar conteudo

[felipe Nascimento de Moura]

Olá pessoal, estou tentando fazer um "detalhe" em um editor de textos e nao estou conseguindo. Preciso que, ao digitar, eu consiga pegar a ultima palavra que o cara digitou (note, ele pode ter digitado ela no meio do texto), e colocar algo exatamente ali, em um textarea OU um frame em designMode=on
Por exemplo, o cara escreve "afi" e eu quero mostrar opções de auto complete, aí ele seleciona "afiliações", por exemplo, e esta palavra vai para o texto.

Estive verificando este plugin do jquery, mas nao consegui fazer exatamente o que preciso, ainda.
http://laboratorium.0xab.cd/jquery/fieldselection/0.2.3-test/test.html

Alguma ideia? Alguem ja fez ou viu algo assim?



--
Felipe N. de Moura
Desenvolvimento Web

www.springerit.com
fel...@springerit.com
---------------------------------
Fazendo da web um lugar melhor pra se viver.
Making the web a better place to live

[Jonas Raoni]

2009/3/26 felipe Nascimento de Moura <felipe...@gmail.com>:

> Estive verificando este plugin do jquery, mas nao consegui fazer exatamente
> o que preciso, ainda.
> http://laboratorium.0xab.cd/jquery/fieldselection/0.2.3-test/test.html
>
> Alguma ideia? Alguem ja fez ou viu algo assim?

Esse link que você passou tem um bug no IE, o meu
<URL:http://jsfromhell.com/forms/selection> é o único que eu vi na net
que tá certinho, se você selecionar quebras de linha no IE ele não
mostra as informações certas.

Quanto a seleção nesses designMode=on dá uma olhada aqui
<URL:http://pastebin.com/m3a01ec9e>, não sei se eu terminei, mas dá
pra vc ter uma idéia xD

--
Jonas Raoni Soares Silva
http://jsfromhell.com

[Leandro Camargo]

Sobre pegar posição de mouse na íntegra você sempre pode recorrer a esse site:
http://www.quirksmode.org/js/events_properties.html#position

2009/3/26 felipe Nascimento de Moura <felipe...@gmail.com>:

[felipe Nascimento de Moura]

Oi Jonas.
Muito bom o teu codigo em jsfromhell
vou ver se uso ele, talvez so faça uma ou outra adaptação para implementar as opções do auto complete, etc.

valew mesmo, quero ver se implemento um editor com auto completes e talvez ate cores no meu projeto, thewebmind.org

abraço

2009/3/26 Jonas Raoni <jonas...@gmail.com>

[Jonas Raoni]

2009/3/26 felipe Nascimento de Moura <felipe...@gmail.com>:

> Oi Jonas.
> Muito bom o teu codigo em jsfromhell

Na verdade tá uma merda por causa do IE, mas é o único jeito que
funcionou certinho hahaha xD

> valew mesmo, quero ver se implemento um editor com auto completes e talvez
> ate cores no meu projeto, thewebmind.org

Eu comecei a fazer um editor aqui, mas tá parado, esses que tem na net
são muito pesados ou muito toscos -.-

[Leandro Camargo]

Falando nisso, a mozilla agora tá lançando um projeto nesse
estilo...com editor online e tudo mais.
Só não lembro o nome, mas não deve ser dificil achar no google.

2009/3/26 Jonas Raoni <jonas...@gmail.com>:

[felipe Nascimento de Moura]

Ah, ficou bom o resultado final, e ... o que preciso é bem mais simples (complexo, porem, sem todas as opções), ja que so preciso das posições, mesmo.

Me diz uma coisa, pra eu colocar um div em posição absoluta, logo abaixo da linha que o cara ta digitando, no começo da palavra (tipo a correção ortografica do gmail), como busco essa posição do mouse? Tenho que implementar isto, ou tua lib ja abrange isso tambem?

Acho que ouvi falar desta ferramenta da mozilla, mas tambem nao lembro o nome. A mozilla tava pra lancar o wave tambem, mas nao saiu ainda dos testes...

falowww...

2009/3/26 Jonas Raoni <jonas...@gmail.com>

[Jonas Raoni]

2009/3/27 felipe Nascimento de Moura <felipe...@gmail.com>:

> Me diz uma coisa, pra eu colocar um div em posição absoluta, logo abaixo da
> linha que o cara ta digitando, no começo da palavra (tipo a correção
> ortografica do gmail), como busco essa posição do mouse? Tenho que
> implementar isto, ou tua lib ja abrange isso tambem?

Na correção ortográfica do GMail você tem que clicar na palavra não?
Aí é simples pegar a posição do mouse.

Agora para pegar as coordenadas que o cara tá digitando em um "HTML
editor" eu nunca tentei, se eu lembrar em casa tento dar uma fuçada,
acho que é possível. Se não der, você ainda pode fazer uma gambiarra
do tipo enfiar um elemento com id no lugar q o cara tá digitando e aí
pegar a posição dele xD

> Acho que ouvi falar desta ferramenta da mozilla, mas tambem nao lembro o
> nome. A mozilla tava pra lancar o wave tambem, mas nao saiu ainda dos
> testes...

Esse <URL:http://labs.mozilla.com/projects/bespin>?

[felipe Nascimento de Moura]

hm, é, essa gambi é uma alternativa, ehhe
eu pesquisei e nao achei nada nao.
Mas a gambi q tava pensando era tipo, contar que linha o cara ta digitando, e qual o caracter da linha, ai, calcular a posição

valew mesmo, cara
abraçao

2009/3/27 Jonas Raoni <jonas...@gmail.com>

[Jonas Raoni]

2009/3/27 felipe Nascimento de Moura <felipe...@gmail.com>:

> hm, é, essa gambi é uma alternativa, ehhe
> eu pesquisei e nao achei nada nao.
> Mas a gambi q tava pensando era tipo, contar que linha o cara ta digitando,
> e qual o caracter da linha, ai, calcular a posição

Isso é complicado, pode ter uma imagem no meio e você não sabe o
espaçamento da fonte :)

[felipe Nascimento de Moura]

hm, sim, mas no caso que eu vou usar, é somente texto, mesmo.
Realmente, uma imagem no meio iria complicar tudo...

2009/3/27 Jonas Raoni <jonas...@gmail.com>