Ir para conteúdo
Faça parte da equipe! (2024) ×
Conheça nossa Beta Zone! Novas áreas a caminho! ×
  • Quem está por aqui   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.

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


~ Heatlex.
 Compartilhar

Posts Recomendados

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.

Link para o comentário
Compartilhar em outros sites

Este tópico está impedido de receber novos posts.
 Compartilhar

×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.