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


Moderador: web

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

Sistema de abertura e fechamento de tag

21-01-2007 02:01

Vamos aprender nesse artigo o sistema muito usado em fóruns onde clicamos em um botão e abrimos uma tag em um campo, clicamos novamente e fechamos.

Veja o código abaixo detalhado:

<script> // onde você vê célula é porque o valor será passado pelo form function muda(celula){ // aqui pegamos o id da celula, se for igual a ela mesmo... if(document.getElementById(celula).value == celula) { // adiciona um * document.getElementById(celula).value += " *"; // adiciona no campo a celula entre < e > document.form.texto.value += "<" +celula+ ">"; // foca a posição atual para continuação da digitação document.form.texto.focus(celula) } else { // caso contrário... para fechamento da tag // mostra a celula sem o * document.getElementById(celula).value=celula; // mostra a celula como tag fechada document.form.texto.value += "</" +celula+ ">"; // foca a posição atual para continuação da digitação document.form.texto.focus(celula) } } </script> <!-- no input abaixo é passado para o script: id, value e muda() que devem os mesmos //--> <input type='button' name='tagP' id='p' value='p' onClick="return muda('p')"> <input type='button' name='tagPRE' id='pre' value='pre' onClick="return muda('pre')"> <form name="form"> <textarea cols="20" rows="10" name="texto"></textarea>

</form>
0

Quem está online

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