Caixa de códigos com botão de seleção

Cursos 24 Horas - Cursos 100% Online com Certificado

Caixa de códigos com botão de seleção - Blogger/Site

Autor : Notícia e blog 24 Outubro 2009

Na internet há vários textos e códigos, publicar um código no meio de um texto pode ser muito estranho pois um texto é uma fala, um código não pode ser lido por isso o melhor a fazer é publicar códigos em uma caixa especifica o que facilita o leitor entender que aquilo é um código e não faz parte do texto, para publicar utilizaremos uma textarea ou caixa de texto em JavaScript veja abaixo:

Se for usar no Blogger é fácil veja:
1.Acesse o painel do Blogger
2.Vá para "Layout"->"Elementos da página"->"Adicionar um Gadget"->HTML/JavaScript
3.Insira o código abaixo:

<form>

<textarea name="myForm" rows="4" cols="40" wrap="virtual">Seu texto ou código</textarea>



<input value="Selecionar" onclick="javascript:this.form.myForm.focus();this.form.myForm.select();" type="button">



</form>

Nota: Mude a parte em amarelo pelo texto ou código desejado.

Se for em um HTM veja:
Insira o mesmo código acima depois de <body>.

3 Comentários

Luis A. de Caso disse... 20 de março de 2011 12:37 #: Muito Bom
Confira os resultados no meu Blog Funciona mesmo
http://hispanoshablantes-redmundial.blogspot.com/

Responder comentário
Thamy-lei disse... 15 de agosto de 2011 02:22 #: Muito obrigada, estava precisando desse tutorial =D

Responder comentário
Anônimo disse... 22 de setembro de 2011 09:26 #: Existe alguma maneira de adicionar um botão "copy"? =)

Victor

Responder comentário

Postar um comentário

Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.