Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > картинки в textarea


Автор: lasalexx 15.4.2006, 21:16
как сделать так, чтоб в текстовых полях отображались картинки, смаилы например, как на некоторых email ах. может вопрос не в том форуме задаю, но помоему это ближе всего к javascript у (или к html, css).

Автор: 12345c 15.4.2006, 22:21
 Место вопроса правильное, потому что такое свойство часто используется в онлайновых редакторах. Но картинки на самом деле отображаются не в textarea, а в iframe с атрибутом designMode. См. пример: http://js2.ru/example/JsPrimeryCode-47.htm

Если только для IE, то можно в DIV и других тегах с атр.  contentEditable . (см. поиск на форуме) 

Автор: lasalexx 15.4.2006, 23:11
спасибо за ответ. Но что делать если я хочу передать информацию через POST?

Автор: 12345c 16.4.2006, 00:15
Читают document.body.innerHTML или document.documentElement.innerHTML. Правда, его содержимое не будет однозначным для разных бр., в отличие от textarea. Вставляют в форму, передают.

Автор: lasalexx 7.10.2006, 19:21
а нельзя ли в iframe работать с выделеным текстом (что то типо createRange, htmlText, selectionStart), что бы двигать картинку то в право, то влево?

Автор: Sardar 7.10.2006, 19:39
lasalexx, можно, курить http://xpoint.ru/know-how/WYSIWYG/TrueJavaScriptEditor там же ссылки на моздев и MSDN.

Автор: lasalexx 7.10.2006, 23:24
написал чего то для IE, но что не очень получается:
Код

<script>

onload=function(){
    t1.document.designMode='on';
    setTimeout(f, 100);
    }

function f(){
    t1.focus();
    }

function insPicture(){
    t1.document.body.innerHTML+='<img src="snow.gif">'
    }

function chPos(p){
    var s=t1.document.selection.createRange();
    s.text.replace(" align=left", "");
    s.text.replace(" align=right", "");
    s.text.replace(">", " align="+p+">");
    }
</script>

<iframe name="t1" src="javascript: document.write('<body bgcolor=#7894B2 text=#880000>'); document.close()"></iframe>
<br><br>
<img src="snow.gif" onClick="insPicture()">
<form>
<input type="button" value="left" onClick="chPos('left')">
<input type="button" value="right" onClick="chPos('right')">
</form>


пробовал s.htmlText, но всё равно нет.
помоему с  t1.document.selection  что то ни то.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)