[Tutorial] Página modificável pelo usuário

**~ Heatlex.** · 7 de Setembro 2011

Com essa estrutura pronta, adicione o código do script à página:

<script>

function Altera()

{

document.title = form1.Titulo.value

document.bgColor = form1.Fundo.value

document.fgColor = form1.Texto.value

}

</script>

Foi adicionada a Função "Altera()" que determina que o Título da Página será igual ao valor do campo "Titulo", que a Cor de Fundo do documento será igual ao valor do campo "Fundo" e que a cor do texto será igual ao campo "Text".

Com esta função pronta, adicione o retorno à função "Altera()" no evento Click do botão:

<input type=button value=Confirmar onClick="Altera()">

O documento pronto deverá ficar assim:

<html>

<head>

<title>Página Personalizável </title>

<script>

function Altera()

{

document.title = form1.Titulo.value

document.bgColor = form1.Fundo.value

document.fgColor = form1.Texto.value

}

</script>

</head>

<body>

<form name=form1>

<table border=0>

<tr>

<td>Cor de Fundo:</td><td><input type=text name=Fundo></td>

</tr>

<tr>

<td>Cor de Texto:</td><td><input type=text name=Texto></td>

</tr>

<tr>

<td>Título da Página:</tr><td><input type=text name=Titulo></td>

</tr>

<tr>

<td><input type=button value=Confirmar onClick="Altera()"></td>

</tr>

</table>

</form>

</body>

</html>

Pronto, basta você personalizar a sua página e colocá-la onde você preferir no seu site. É uma boa dica para fazer sites interativos.

Lembrando, as cores de Fundo e de Texto devem ser digitadas em Inglês ou em Hexadecimal.

Façam bom proveito.

Entrar

Quem está por aqui 0 membros estão online

[Tutorial] Página modificável pelo usuário

Posts Recomendados

~ Heatlex. 11

Link para o comentário

Compartilhar em outros sites

Fóruns

Todas Atividades

Lojinha WC

Informação Importante