Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Adicionar conteúdo no textarea

20-02-2007 18:35

Esse artigo mostra como clicar em um botão e dar a opção de adicionar um código de link ou figura já em um textarea, a mesma base que acontece nas caixar de formulário em fórum, onde a pessoa clica em um botão "URL" aparece uma caixa para colocar o link em seguida o mesmo é adicionado no textarea.

Vou detalhar no código:
Script do código
<script language="JavaScript" type="text/javascript"> function adicionar_l() { /* é aberto o prompt fazendo a pergunta e armazendo o valor em "valor" */ valor=prompt("Qual o URL do link?","http://") /* se a pessoa não alterar o prompt, não adiciona */ if(valor=="http://") { return false; } else { /* alterando o prompt, coloca o valor no textarea */ document.form.textarea.value+="[url='"+ valor +"']"+ valor +"[/url]"; document.form.textarea.focus(); } } /* a mesma referência acima para baixo */ /* mudando somente: nome da função e como o valor é exibido */ function adicionar_f() { valor=prompt("Qual o URL da figura?","http://") if(valor=="http://") { return false; } else { document.form.textarea.value+="[img='"+ valor +"']"; document.form.textarea.focus(); } } </script>

Formulário para o código:
<form name="form"> <input type="button" value="adicionar link" onClick="adicionar_l()"> <input type="button" value="adicionar figura" onClick="adicionar_f()"> <textarea cols="50" rows="5" name="textarea"></textarea> </form>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado