[Resolvido] pegar o id da div clicada e adicionar uma classe

[marcelo2605 10]

Pessoal,

 

Em uma página, tenho uma lista de links para artigos que estão em um bd:

 

<p><a href="index.php?id=1" id="1">janeiro/2012  <strong>Lorem Ipsum Lorem</strong></a></p>

 

Eles são carregados na mesma página:

 

$query_rsArtigoss = sprintf("SELECT * FROM artigoss WHERE id = %s", GetSQLValueString($colname_rsArtigos, "int"));

 

Como posso adicionar uma classe à div clicada?

[Wanderson Valerio 102]

Com Jquery.

 

$(document).ready(function(){
   $("div.classe_qualquer").click(function(){
       $(this).removeClass('classe_qualquer').addClass('nova_classe');
   });
   var id = $("div.nova_classe").attr("id");
   alert("O id recuperado é: "+id);
});
<div class="classe_qualquer">

</div>

 

Esse script, remove a classe atual, e adiciona uma nova classe à sua "div"

[marcelo2605 10]

Wanderson, mas o problema é que quando eu clico na div para carregar o artigo, a página é carregada também.

 

Então não adianta ser por javascript, certo?

[Gabriel Heming 766]

Adicione o link a regra(tag <a>) e adicione return false:

$("a").click(function(){
   return false;
});

[Wanderson Valerio 102]

$(document).ready(function(){
   $('a.class_do_link').click({
       preventDefault();
   });
});

[marcelo2605 10]

Pessoal, não está dando certo:

 

$('.listaItem').click(function(){
       preventDefault();
	$this = $(this);
	$this.addClass('.itemSelected');
   });

 

A página precisa ser carregada para carregar o novo artigo do bd.

 

Dessa forma:

 

$pagina = $row_rsReceitasedicas['id']; 

 

Eu pego o número do artigo que é o mesmo do id da div com o link para ele.

 

Mas como adiciono uma classe a essa div?

[Wanderson Valerio 102]

Você tem que fazer o download da biblioteca Jquery para funcionar!

[marcelo2605 10]

Você tem que fazer o download da biblioteca Jquery para funcionar!

 

Wanderson, eu já uso jQuery na página. Mas com jquery não está dando certo.

[Wanderson Valerio 102]

O código correto é este:

 

$('.listaItem').click(function(){
       preventDefault();
       $(this).addClass('itemSelected');
});

[Henrique Barcelos 290]

E o PHP nessa história???

Movendo:

PHP :seta: Javascript

[marcelo2605 10]

Wanderson, mesmo assim não funciona. Quando eu clico na div para abrir um artigo, a página é carregada para carregar o artigo:

 

<div><a href="index.php?id=1" id="1" class="listaItem">janeiro/2012  <strong>Lorem Ipsum Lorem</strong></a></div>

 

E o PHP nessa história???

Movendo:

PHP :seta: Javascript

 

Henrique. Entenda o meu problema antes de mudar o tópico de área.

 

Problema resolvido usando php e jquery:

 

primeiro crio um input para armazenar o id da páginas:

 

<input type="hidden" class="pagina" value="<?php echo $row_rsReceitasedicas['id']; ?>">

 

o resto é com jquery:

 

	
var pagina = $('.pagina').attr('value');
var divname = "item" + pagina;
$("#"+divname).addClass('itemSelected');

[William Bruno 1501]

faltou o objeto event:

 

$('.listaItem').click(function( e ){
       e.preventDefault();
       $(this).addClass('itemSelected');
});