Como mudar a cor da pia batismal no textarea

Impressionar os visitantes do site com os efeitos da mudança de cor.

Modelo de HTML Document Object, ou DOM, dá aos desenvolvedores da Web a capacidade de alterar qualquer elemento da Web que aparece em um site. Por exemplo, com um pouco de conhecimento sobre o DOM, você pode alterar a cor da fonte de uma textarea. A textarea é uma caixa de texto de várias linhas. É útil para a criação de formulários de entrada do usuário e editores de texto interativos. Para aplicar um efeito de mudança de cor a uma textarea, alterar as suas propriedades usando uma função javascript.

  • Abra uma das suas páginas da Web usando o bloco de notas ou um editor de HTML.

  • Localize o "" seção, e adicione este código:

    Isso cria um controle textarea e um botão que irá mudar a sua cor da fonte quando clicado.

  • Adicione este código ao "

    var controlToChange = "TextArea1";

    var NewColor = "verde";



    A primeira linha armazena o nome do controle para modificar na variável chamada "controlToChange." Note que este nome corresponde ao ID do controle textarea. A variável na segunda linha contém o nome da nova cor. Altere isso para qualquer cor que você gosta. Coloque o nome da cor entre aspas como mostrado acima.

  • Adicione esta função javascript abaixo das linhas anteriores de código:

    changeColor function () {

    tempObject = document.getElementById (controlToChange);

    tempObject.style.color = NewColor;

    }

    Este código recupera uma referência para a área de texto e de controlo muda a sua cor de fonte, alterando o "style.color" propriedade.

  • Salve o documento HTML e abri-lo no seu browser. Digitar texto no textarea e clique no botão. A cor da fonte mudará para a cor que você definiu no código javascript.

dicas & avisos

  • Você também pode alterar a cor de fundo do textarea, adicionando "tempObject.style.backgroundColor = NewColor" para o fim da função javascript.
De esta maneira? Compartilhar em redes sociais:

LiveInternet