Ajuda Com Formulário

Rafael_tst · Abril 8, 2006

Olá a todos tenho duas dúvidas com formulários:

Uma é como eu faço para colocar um radio Button, que seleciona pra onde vai os dados tipo no site do submarino quando você vai se cadastrar você tem lá um campo pra por o seu e-mail e um radio dizendo se você é o não é cadastrado, se marcar como sim você vai pra página de login, se marcar como não você vai para a página de cadastro? entenderam, é só dar uma olhada lá que já vai dar pra entender direito.

a Segunda é o seguinte, eu vi um site um formulário que o fundo dos campos é branco, porém quando você clica nele pra preencher o campo o fundo muda de cor, ai quando você passa pra outro campo ele volta a ser branco denovo, alguém sabe o que pode ser isso? é CSS?

Desde já agradeço.

.Andreia. · Abril 8, 2006

a Segunda é o seguinte, eu vi um site um formulário que o fundo dos campos é branco, porém quando você clica nele pra preencher o campo o fundo muda de cor, ai quando você passa pra outro campo ele volta a ser branco denovo, alguém sabe o que pode ser isso? é CSS?

<style>
.normal {background-color: #ffffff;} 
.form {background-color: #ffffff;}
.selecionado {background-color: #E8E8E8;} 
</style>

<input type="text" name="texto" onBlur="this.className='normal';"  onFocus="this.className='selecionado';" class="form">

Uma é como eu faço para colocar um radio Button, que seleciona pra onde vai os dados tipo no site do submarino quando você vai se cadastrar você tem lá um campo pra por o seu e-mail e um radio dizendo se você é o não é cadastrado, se marcar como sim você vai pra página de login, se marcar como não você vai para a página de cadastro? entenderam, é só dar uma olhada lá que já vai dar pra entender direito.

Eu prefiro utilizar linguagem dinamica

Rafael_tst · Abril 9, 2006

MUITO OBRIGADO!!!

MAs como devo usar a linguagem dinamica?

OUTRO PROBLEMA SÉRIO:

Eu peguei aki no fórum um script de colocar mascára em campos de formulários, até ai normal

testei no explorer e ficou beleza, porém no Firefox, além de não funcionar ele bloqueia o campo, tipo você não consegue digitar nada no campo usando o firefox, o que pode ser? alguém já enfrentou esse problema?

Segue o código:

<html>
<head>
<title> Textbox formatado... </title>
<script language="JavaScript">

function txtBoxFormat(objForm, strField, sMask, evtKeyPress) {
var i, nCount, sValue, fldLen, mskLen,bolMask, sCod, nTecla;
if(document.all) { // Internet Explorer
nTecla = evtKeyPress.keyCode; }
else if(document.layers) { // Nestcape
nTecla = evtKeyPress.which;
}
sValue = objForm[strField].value;
// Limpa todos os caracteres de formatação que
// já estiverem no campo.
sValue = sValue.toString().replace( "-", "" );
sValue = sValue.toString().replace( "-", "" );
sValue = sValue.toString().replace( ".", "" );
sValue = sValue.toString().replace( ".", "" );
sValue = sValue.toString().replace( "/", "" );
sValue = sValue.toString().replace( "/", "" );
sValue = sValue.toString().replace( "(", "" );
sValue = sValue.toString().replace( "(", "" );
sValue = sValue.toString().replace( ")", "" );
sValue = sValue.toString().replace( ")", "" );
sValue = sValue.toString().replace( " ", "" );
sValue = sValue.toString().replace( " ", "" );
fldLen = sValue.length;
mskLen = sMask.length;
i = 0;
nCount = 0;
sCod = "";
mskLen = fldLen;
while (i <= mskLen) {
bolMask = ((sMask.charAt(i) == "-") || (sMask.charAt(i) == ".") || (sMask.charAt(i) == "/"))
bolMask = bolMask || ((sMask.charAt(i) == "(") || (sMask.charAt(i) == ")") || (sMask.charAt(i) == " "))
if (bolMask) {
sCod += sMask.charAt(i);
mskLen++; }
else {
sCod += sValue.charAt(nCount);
nCount++;
}
i++;
}
objForm[strField].value = sCod;
if (nTecla != 8) { // backspace
if (sMask.charAt(i-1) == "9") { // apenas números...
return ((nTecla > 47) && (nTecla < 58)); } // números de 0 a 9
else { // qualquer caracter...
return true;
} }
else {
return true;
}
}
</script>
</head>
<body>
<form name="myForm">
<table border="0" cellspacing="2" cellpadding="2">
<tr>
<td>cep </td>
<td>
<input type="text"
name="str_cep"
maxlength="09"
size="10"
onkeypress="return txtBoxFormat(document.myForm, 'str_cep', '99999-999', event);">
</td>
</tr>
<tr>
<td>cpf </td>
<td>
<input type="text"
name="str_cpf"
maxlength="14"
size="20"
onkeypress="return txtBoxFormat(document.myForm, 'str_cpf', '999.999.999-99', event);">
</td>
</tr>
<tr>
<td>tel </td>
<td>
<input type="text"
name="str_tel"
maxlength="14"
size="20"
onkeypress="return txtBoxFormat(document.myForm, 'str_tel', '(99) 9999-9999', event);">
</td>
</tr>
<tr>
<td>conta </td>
<td>
<input type="text"
name="str_cc"
maxlength="6"
size="10"
onkeypress="return txtBoxFormat(document.myForm, 'str_cc', '9999-!', event);">
</td>
</tr>
</table>
</form>
</body>
</html>

Se alguém puder me ajudar!

Até mais.

Diego_Bittencourt · Abril 9, 2006

<input type="text" name="texto" onBlur="this.className='normal';"  onFocus="this.className='selecionado';" class="form">

Bem, eu prefiro utilizar a propriedade :focus (só funciona no Firefox. E é diferente de active!), assim:

.normal {background-color: #ffffff;}
.normal:focus {background-color: #E8E8E8;}
.form {background-color: #ffffff;}

aí quando clicar no 'campo', já ficará com a cor de fundo #E8E8E8... por causa do focus..

Entenderam? xD

Entrar

Ajuda Com Formulário

Pergunta

Rafael_tst

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

.Andreia.

Link para o comentário

Compartilhar em outros sites

Rafael_tst

Link para o comentário

Compartilhar em outros sites

Diego_Bittencourt

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades