HTML+CSS+JavaScript

Как вставить символ табуляции в элемент <input ..> или <textarea></textarea>?
Ведь, если просто нажать, клавишу tab, курсор перейдет на след. эелемент.

Блокируйте стандартное действие при нажатии Tab при onkeypress (или onkeydown?), preventDefault/и что-то другое для IE

>...что-то другое для IE

...returnValue=false ?

не, эта хрень вообще заблочит ввод в текстовое поле

А как? Можно пример кода?

Люди! Нужна помощь!!! Жду ее от Вас :))

Спасение подкралось незаметно.

<input value=12345 onkeydown=if(event.keyCode==9){this.value+=String.fromCharCode(9);return!1}>

Будет вставлять табуляцию в конец строки. Чтобы в место курсора - нужен довольно длинный скрипт с ветвлением по браузерам. Если уже есть скрипт вставки bb-кодов, нужно им воспользоваться.

Не работает :(((
Мне нужно для textarea, value изменил на innerText, все равно не работает :(

Ну что? HELP ME :))))

http://www.artlebedev.ru/tools/technogrette/js/allow_tab_key/

В смысле, в FF не работает? Тогда для него

<textarea value=12345 onkeydown=if(event.keyCode==9){this.value+=String.fromCharCode(9);return!1}   onkeypress=if(event.keyCode==9)return!1>

А Опера славится своей неподкупностью (несогласием отменять стандартные действия), и здесь тоже. Поэтому для неё при blur надо возвращать фокус (у Токмакова тоже). Да ещё, как оказалось, пододвигать курсор (будет работать от 8-й версии).
Наконец, переписал, чтобы работало со вставкой внутри строки, воспользовавшись приведённой в коде Токмакова наводкой на методы (а то самому смотреть было лениво). Это selectionStart и document.selection.createRange.

<textarea value=12345 onkeydown="if((kc=event.keyCode)==9){setTimeout('kc=0',99);var t=this.value;if(this.selectionStart!=null)this.value=t.substr(0,this.ts=this.selectionStart)+'\t'+t.substr(this.selectionEnd,t.length);else{var selCur=document.selection.createRange();selCur.text='\t';};return!1}"   onkeypress=if(event.keyCode==9){this.selectionEnd=this.selectionStart=this.ts+1;return!1}   onblur=if(kc==9)this.focus()>123456</textarea> <input value="12345-смотреть фокус Оперы">

У Токмакова (http://www.artlebedev.ru/tools/technogrette/js/allow_tab_key/) скрипт делает ещё одно недокументированное действие: если кликать по табу при выделенной области, в начале каждой строки добавляются табы, если кликать Shift-Tab - убираются. Для простоты и соовтетствия минимальным требованиям я этого не делал.

Ок. Спасибо. Разобрался

Да, ещё в этот код надо добавить восстановление scrollTop в textarea, чтобы прокрутка не прыгала в начало многострочного текста. Вот так:

<textarea value=12345 onkeydown="if((kc=event.keyCode)==9){setTimeout('kc=0',99);st=this.scrollTop;var t=this.value;if(this.selectionStart!=null)this.value=t.substr(0,this.ts=this.selectionStart)+'\t'+t.substr(this.selectionEnd,t.length);else{var selCur=document.selection.createRange();selCur.text='\t';};return!1}"   onkeypress=if(event.keyCode==9){if(!document.all)this.scrollTop=st;this.selectionEnd=this.selectionStart=this.ts+1;return!1}   onblur=if(kc==9)this.focus()>123456</textarea> <input value="12345-смотреть фокус Оперы">

Да уж...

И это все, чтобы всего лишь вставить знак табуляции :))) Ладно попробую.
Но легче сделать над полем кнопку, и по ее нажатию вставлять знак табуляции :))

Если вставлять в позицию курсора по кнопке, то 2/3 кода придётся оставить :). И заодно несложно добавить вставку смайликов им же.

>Если вставлять в позицию курсора по кнопке, то 2/3 кода придётся оставить :)
Почему?

<button onclick="document.all.txt.innerText += String.fromCharCode(9);">TAB</button>  //ну или input  <textarea name=txt cols=50 rows=10>...</textarea>

И все!

(так не совсем правильно делать - лучше через value, чтобы везде работало)
Это вставка в конец текста. "В позицию курсора" означает, что в тот промежуток между символами, где стоит (мигает) курсор.

Это я знаю. Но мне-то надо в конец :)))