Pozycja kursora w tekście Opcje

[cadavre]

Nie wiem jak rozwiązać taki problem: mam sobie dwa pola input type=text - jeden nazwany before, drugi after. Do obu dodane mam atrybuty:

[HTML] pobierz, plaintext 
onkeyup="document.getElementById('fileDiv').innerHTML = this.value"
[HTML] pobierz, plaintext 

Jak widać - tekst wpisany w input innerHTML'uje do DIVa fileDiv.
Problem polega na tym, że chcę aby w DIVie na stałe wpisany był kod:

[HTML] pobierz, plaintext 
<a href="asa">Txt</a>
[HTML] pobierz, plaintext 

i aby tekst wpisany onlive w dwa inputy dodawany był odpowiednie przed i po powyższym kodzie.

Kwestię dodawania <a href=""> rozwiązałem poprzez:

[HTML] pobierz, plaintext 
this.value + '<a href=""></a>'
[HTML] pobierz, plaintext 

Mam jednak problem z tekstem wstawianym za. Otóż gdy w onkeyup wpiszę:

[HTML] pobierz, plaintext 
onkeyup="document.getElementById('fileDiv').innerHTML += this.value"
[HTML] pobierz, plaintext 

+ dodaje mi za każdym razem od początku kod. Jak zrobić by dodawał lub usuwał lub modyfikował tylko literę na której aktualnie "pracujemy"?

Ten post edytował cadavre 28.08.2006, 16:24:28

[mariuszn3]

Myślę, że powinieneś aktualizować zawsze cały tekst i używać metod DOM a nie innerHTML.. czyli:
aby wstawić tekst przed element a użyj:

Kod

// zakładam, że do zmiennej a przypisałeś już element a
a.previousSibling.nodeValue = this.value;

a by wstawić tekst za element:

Kod

a.nextSibling.nodeValue = this.value;

Też wcześniej utwórz puste węzły tekstowe przed i po elemencie a, do których powyższy kod będzie wpisywał tekst.

[cadavre]

Zrobiłem wg. wskazań i działa jak powinno. Dzięki.