[Resolvido] Paginaçao

[Luis Paullo 47]

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

[P@trique 0]

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 7]

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 47]

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..