Publicado em 6 de jun.

[Resolvido] Paginaçao

Salve imaster tenho uma paginação que uso requisição com jquery ..

Eu tentei sem sucesso, quando clicar no link mudar o background dele.

tentei com attr() adcionar uma class.

Mas nao consegui..

pessoal mais experiente com jquery poderia da uma força

//CSS
.navigation a{ font-weight:bold;text-decoration:none;color:#16447a;padding:4px;margin:0 2px 0 2px;box-shadow:1px 1px 3px rgba(0,0,0,0.4);border:#16447a 1px solid;border-radius:4px; }
.navigation a:hover{ box-shadow:1px 1px 4px rgba(0,0,0,0.4) inset; }

.atual{border:#F6921E 1px solid;} //minha ideia e adcionar essa class atual no link que foi clicado
///

 $('div.navigation').on('click','a',function(e){
 e.preventDefault();
 if(this.id)
 $('#normalcontents')
 .load('../../application/Actions.php?url=<?= initConfig::$URL_1 ?>&get='+this.id);
 });

desde ja agradeço

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

P@trique· 6 de jun.

Crie uma function simples

function mudar(img) {
 $('body').css('background-image', "url("+img+")");
}

Dai no link você coloca a chamativa no onclick para esta function e define para qual imagem você quer que o comando faça a troca do background da página, faça assim

<a href="javascript:void(0)" onClick="mudar('background.jpg');" >mudar background</a>

Jhon Paulo· 6 de jun.

pra adicionar uma classe você usa addClass('nome da classe');

pra remover uma classe: removeClass('nome da classe');

pra verificar se o elemento já tem uma classe: hasClass('nome da classe');

ex:

 $('div.navigation').on('click','a',function(e){
 //se tiver a classe teste eu removo
 if ($(this).hasClass('teste')) {
 $(this).removeClass('teste');
 }
 //se não tiver a classe eu adiciono
 else {
 $(this).addClass('teste');
 }
});

o exemplo acima seria o mesmo que usar a função toggle

Luis Paullo· 6 de jun.

hum. sua ideia me abriu os olhos kkkkkkkkkkkkkk

Muito obrigado .. era bem simples afinal =X

fico assim.

$('div.navigation').on('click','a',

 function(e){
 e.preventDefault();
 $('div.navigation a').removeAttr('style');
 if(this.id)
 $('#normalcontents')
 .load('../../application/Actions.php?url=<?= initConfig::$URL_1 ?>&get='+this.id);

 $(this).css({'background':'#F6921E'});
 });

RESOLVIDO..