js + css

[fagnerx21 0]

Olá pessoal,eu tenho 4 duvidas:

1 - Eu tenho 3 classes css que alteram o background-color,um verde,um vermelho e outro azul, como eu faria pra validar uma caixa de texto,e tipo,quando ela receber foco com javascript chamar a classe css que deixa azul,caso a validação de erro chamar a classe css pra deixar vermelho e caso a validação de certo chamar a classe css pra deixar verde?

2 - Seguindo a pergunta acima,caso de erro a caixa vai ficar com fundo vermelho,como eu faria com js caso ela ficasse vermelha se o usuario pasar o mouse em cima mostrar um hint informando o problema?

3 - Tem algum site pra converter codigo javascript pra codigo jquery?

4 - Eu utilizo asp.net e nesse caso tem tags <asp:> que tem propriedades diferentes dos <inputs> html,como eu faço pra mexer com javascript nesse caso? por exemplo,no aspx o campo nome possui a propriedade text que equivale a propriedade value do input html,como eu trabalho com javascript em tags desse tipo?

Valeu.

[eibon 2]

Teria que fazer chamadas assincronicas a seu script server-side,que validaria o campo em questão (onchange:funcChamadaAssincronica(parametro);).No caso,dependendo do responseText ou responseXml que o server-side-script mandasse,você mudaria a class do campo em questao(document.getElementById('iddocampo').className='verde' por ex,oudocument.nomedoform.campo.className='verde',ou document.nomedoform.campo.style.border='1px solid #ff0000',vai depender).

Relativo a conversão de códigos JS - nativos,para JS - usando JQuery,não existe.

A quarta duvida,não mecho com asp.net,então não posso ajudar.

Abraço!

 

Ps:arranja um jeito pra evitar o reprocessamento de dados (evitar ter que processar nas chamadas assincronicas e no submit).

[Carutcho 0]

Complementando o post do nosso amigo proust.

 

Seguinte, o javascript ele roda no server side correto ? o aspnet ele roda no lado do servidor, ele interpreta os códigos do aspnet e retorna um HTML para o browser poder interpretar, e é ali que o javascript entra.

Eu não mexo com o aspnet , mas sei la uma tag "isso é um chute pq num sei as sintaxes do .net" <aspx:text> provavelmente ele retorna um <input>, portanto você pode ver o que ele retorna no código HTML e trabalhe em cima desse retorno saca ?

 

Os elementos em HTML tem eventos que você pode usar códigos javascript para mudar o comportamento dele ou de outros elementos da pagina, por exemplo , nessas validações que você quer fazer do seu formulário, você teria q usar eventos que você com certeza ja leu, "onfocus" quando receber foco, "onchange" quando perder o foco. Para você fazer a validação com o consulta ao banco, você terá que usar ajax, que é um script meio que receita de bolo escrito em javascript que não é nada mais que um código que consulta algum programa seu, no seu caso em aspnet rodando no servidor, onde esse seu asp vai ao banco e faz a consulta e retorna uma String (texto) ou um XML pro seu javascript e com esse retorno você manipula o seus elementos no HTML.

 

Bem, essa é a teoria da coisa, vou te postar uns links aqui na pratica e coisas caso você queria se aprofundar no assunto.

 

Esses primeiros links são para caso você queira se aprofundar em java script:

 

Exempo de código em ajax:

http://portugalcode.com/index.php?topic=181.0

 

Referências legais de java script:

http://www.howtocreate.co.uk/tutorials/javascript/ <-- ótima referência, porém em inglês;

http://elcio.com.br/crossbrowser/#7

http://www.mxstudio.com.br/categoria/javascript/

 

 

Esses códigos aqui é caso você tenha pressa em fazer o que você quer sem sem aprofundar em java script:

 

Exemplo que você quer, utilizando framework de javascript + aspnet

http://ashishware.com/ASPValid.shtml

 

vários exemplos de validação com varias linguagens e java script:

http://the.blog.br/2008/03/13/100-excelent...s-a-formulario/

 

referência sobre jquery, uma framework em js muito usada.

http://www.desenvolvimentoparaweb.com/jque...ia-para-jquery/

[fagnerx21 0]

Olá,na verdade não quero fazer validação com o banco,isso o serv-side vai cuidar,só quero validar coisas simples com client-side.

E faltou ser respondida um pergunta:

2 - Seguindo a pergunta acima,caso de erro a caixa vai ficar com fundo vermelho,como eu faria com js caso ela ficasse vermelha se o usuario pasar o mouse em cima mostrar um hint informando o problema?

podem me ajudar?

[Carutcho 0]

O hint não é nada mais que uma div escondida com style "display:none" e quando você passar o mouse em cima do campo você pega a posição do mouse e posiciona a div de acordo com esses valores e depois da um "display:block".

 

Como você quer passar apenas algumas informações do pq ta errado o campo, você pode usar Tooltip.

Dê uma olhada nesse link. http://rogeriolino.wordpress.com/2007/02/2...script-tooltip/

 

Como você trabalha com classe de CSS, você pode mandar utilizar a tooltip apenas nos códigos que tiverem uma devida classe, nesse link aqui http://www.netlobo.com/javascript_geteleme...yclassname.html, você tem uma função onde lista todos os elementos do html que possui uma certa classe, então você pode manipular os 2 códigos, esse de listar classes e o da tooltip para fazer o q você precisa.

 

 

Espero ter ajudado rapaz.

 

Abs

[fagnerx21 0]

Muito obrigado,ajudou em muito, vou ler isso que você me mandou.

Vlw!

[Carutcho 0]

Pô q bom q ajudou cara :), no que precisar é só postar ae q tentaremos te ajudar.

 

Abss e bom estudo