Inserindo Figuras No Textarea

[Pilantra]

Olá

Estou fazendo um fórum e pra isso é preciso fazer os emoctions, mas eu não sei se pra inserir as emoctions é em PHP ou JS então postei nos 2 lugares pra garantir!!! Como se faz pra inserir uma foto ou figura numa textarea!?!? Já da pra mim ter uma ideia!!!

Obrigado

Abraços

Pilantra :blink:

[André Gusmão]

Como o próprio nome diz: TEXTAREA (área de texto).

Não é possível inserir nenhum objeto dentro de um TEXTAREA, somente texto.

Para criar uma área editável onde você possa inserir objetos, como essa daqui do fórum onde estou escrevendo, você pode usar um SPAN com a cláusula CONTENTEDITABLE na tag.

Experimente fazer esse teste:

<SPAN CONTENTEDITABLE STYLE="WIDTH:500;HEIGHT:500;BORDER:1 SOLID">

</SPAN>

Agora coloque o cursor dentro do quadro e digite algo.

É assim que se começa.

[Pilantra]

Ah beleza bom comeco mas e o principal?! Como se insere figuras no TextArea Editavel hehe!!!??

Abraços

>>> :blink: <<<

Pilantra :ph34r:

[André Gusmão]

Existem na internet alguns scripts prontos de editor, tem que dar uma fuçada.

Mas vamos lá, vou dar umas dicas simples.

A maioria dos objetos HTML possuem um método chamado appendChild() que insere um objeto dentro do seu "container".

Você pode fazer o seguinte exemplo:

<SPAN ID="area" STYLE="WIDTH:100;HEIGHT:100">

</SPAN>

<INPUT TYPE="BUTTON" VALUE="INSERIR" ONCLICK="insere()">

<script LANGUAGE="JavaScript">

function insere()

{

  var obj = document.createElement('<INPUT TYPE="BUTTON">');

  obj.value = 'Aperte aqui!';

  obj.style.position = 'absolute';

  area.appendChild(obj);

}

</SCRIPT>

Mas existe outra possibilidade, escrever códigos HTML dentro do objeto:

<SPAN ID="area" STYLE="WIDTH:100;HEIGHT:100">

</SPAN>

<INPUT TYPE="BUTTON" VALUE="INSERIR" ONCLICK="insere()">

<script LANGUAGE="JavaScript">

function insere()

{

  var objHTML = '<INPUT TYPE="BUTTON" VALUE="Aperte aqui!">';

  area.innerHTML = objHTML;

}

</SCRIPT>

Agora deixa de preguiça e procura mais sobre DHTML aqui => Microsoft - Dynamic HTML (DHTML) Object Model References

É isso aí!!!

;)

[Pilantra]

Oloko num é preguica não, eu to aprendendo ainda e o melhor lugar pra aprender é onde tem gente que sabe, to certo ou to errado!? Se eu for procurando em sites por ae a unica coisa q eu vo aprende é a funcao Copiar Colar!!

Obrigado

T+

Pilantra :ph34r:

[diraol]

ae pilantra... só uma coisa.... o site MSDN da microsoft tem toda a explicação e mais um pouco sobre cada coisinha..... é muito bom!!!!.... :)

[Pilantra]

Ah mais o MSDN não tem somente da linguagem deles la o ASP!? Se tive PHP e JavaScript também então ta beleza!!

Obrigado

Pilantra :ph34r:

[diraol]

php não tem não.... mas javascript tem no formato DHTML........

vai com fé... :P

hehehe

[Pilantra]

Heheh valeu cara!!

T+

Pilantra :ph34r: