O texto que se encontra armazenado dentro de uma camadas, se encontra dentro da propriedade innerHTML. Esta propriedade, está implementada no Internet Explorer desde a versão 4, e Netscape o incorporou nas versões 6 e 7 apesar de que não se encontra definido no padrão do W3C.
A propriedade armazena o código HTML que se corresponde com o que se visualiza dentro da camada, ou seja, se a camada contém " ola " a propriedade conterá " ola " entretanto, se a propriedade contém um link http://www.criarweb.com então a cadeia de texto conterá "<a href='http://www.criarweb.com'>http://www.criarweb.com</a>, por isso poderá ser escrito qualquer tipo de conteúdo dentro da camada.
O seguinte exemplo, contém um formulário com uma caixa de texto, o usuário pode escrever qualquer texto ou código HTML, e ao clicar o botão, este se mostrará dentro da camada.
A função recebe por parâmetro o nome de uma camada e o formulário que contém a caixa de texto, salva o valor do quadro de texto dentro de uma variável e a seguir atribui à propriedade innerHTML da camada:
function escreveCamada(camada,formulario){
texto=formulario.caixa.value;
document.getElementById(camada).innerHTML=texto;
}
Exemplo completo:
<html>
<head>
<title>Untitled</title>
<script language="JavaScript">
function escreveCamada(camada,formulario){
texto=formulario.caixa.value;
document.getElementById(camada).innerHTML=texto;
}
</script>
</head>
<body>
<div id="minhacamada" style="position:absolute;width:100;height:100;top:100;left:100;background-color:yellow"> </div>
<form name="meuformulario" action="#">
Texto: <input type="text" name="caixa" size="50"> <input type="button" onclick="escreveCamada('minhacamada',this.form)" value="escrever">
</form>
</body>
</html>
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
