[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Автоматическая вставка тегов
Хозяин Огня
Привет всем. Помогите с проблемкой.
Вобщем имеется форма отправки сообщения с возможностью загрузки изображения с компа.
Идея такая - юзер набирает текст и в любой момент может выбрать картинку с компа посредством поля типа file. В тот момент, когда он выбрал картинку и нажал кнопку в текстовом поле имя этой картинки должно появиться в тегах [img][/img].

Вот код, вроде как должен работать, а нет.((

<script>
function
addimg()
{
document.getElementById('text').outputtext.value+="[имг]"+document.getElementById('file').value+"[/имг]";
}
</script>
<form
method="POST" action="upload1.php" enctype="multipart/form-data">
<textarea
name="text" id="text" rows=10 cols=50></textarea><br>
<input
type="file" id="file" name="file" onChange="addimg()">
<input
type="submit" name="do_upload" value="Загрузить фото"><br>
</form>


Подскажите в чём ошибка.



Спустя 5 минут, 7 секунд (14.11.2009 - 18:19) MainVoid написал(а):
В textarea не value а innerHTML

Спустя 1 минута, 14 секунд (14.11.2009 - 18:20) MainVoid написал(а):
Правда мне кажется там не имя файла появится таким образом, а путь до картинки на компьютере пользователя. Не уверен, но скорее всего это дело нужно еще обрабатывать регулярными выражениями, чтобы выдирать конкретно название файла.

И еще: могут быть проблемы с кроссбраузерностью, может тебе стоит задуматься над использованием уже готовых визуальных-редакторов? Tinymce или FCKeditor. Устанавливаются просто, настраиваются тоже достаточно легко.

Спустя 3 часа, 28 минут, 49 секунд (14.11.2009 - 21:49) Хозяин Огня написал(а):
Сделал так

<script>
function
addimg()
{
document.getElementById('text').outputtext.innerHTML+="[имг]"+document.getElementById('file').value+"[/имг]";
}
</script>
<form
method="POST" action="upload1.php" enctype="multipart/form-data">
<textarea
name="text" id="text" rows=10 cols=50></textarea><br>
<input
type="file" id="file" name="file" onChange="addimg()">
<input
type="submit" name="do_upload" value="Загрузить фото"><br>
</form>


Всё равно не работает((

Спустя 4 часа, 25 минут, 2 секунды (15.11.2009 - 02:14) MainVoid написал(а):
У тебя лишний outputtext текст стоит.
Цитата
document.getElementById('text').outputtext.innerHTML

Убери - и все заработает.

Спустя 3 дня, 19 часов, 56 минут, 40 секунд (18.11.2009 - 22:11) Хозяин Огня написал(а):
О, работает!
Только ещё один косяк - если сначала написать текст, а потом выбрать картинку - текстареа не меняется.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.