Ir para conteúdo
Fórum Script Brasil
  • 0

Alterar atributos css com jquery ao enviar form


Espartaco

Pergunta

Tenho uma dúvida.
Meu sistema apresenta os dados com listagem "li".
No css, os atributos 'right" deixam os dados na direita, e os 'left' na esquerda.

Qundo o usuário envia um formulário, ele adiciona os dados na 'li' como prepend.

O que eu queria é o seguinte:

Ao enviar o form, o jquery deveria alterar os atributos css,o que fosse right passasse a ser left e o contrário.

Alguém pode daruma luz?

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Facil caso você ainda não tenha definido um id para cada li.

Faça assim.

para a li da esquerda você define um id:

<li id="esquerda"></li>
<li id="direita"></li>

e o jquery pode ser esse.

function trocar()
{
 $("#esquerda").css({"float":"right"});
 $("#direita").css({"float":"left"});
 $("#formulario").submit();
}

lembrando que você deve inserir o seguinte código no formulário.

<form action=" " method="post" id="formulario" onSubmit="trocar(); return false;">

caso você queira um código mais profissional você pode usar essa biblioteca em jQuery

http://malsup.github.io/jquery.form.js

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...