Adicionar item como favorito

[Leandro Lucas 3]

Fala galera, estou com uma duvida pode parecer simples mais ainda não fiz nada parecido

Preciso que em cada produto tenha a opção de favoritar, então quando clicado mude a img e tal

 

exemplo: http://produto.mercadolivre.com.br/MLB-494511096-rolamentos-roda-industrais-mini-rolam-skatesagricolas-_JM

 

o coração ao lado de comprar

 

 

Abraços

[fabricioserralvo 5]

Meu caro,

 

Você pode usar javascript para mudar a imagem, por exemplo, o coração está apagado e quando clicar deixa-lo mais 'vivo', vamos lá:

 

HTML:

 

 

<img src='nao-favorito.png' onclick='adicionaFav(this.id)' id='prod-1' />

 

 

JAVASCRIPT:

 

 

function adicionaFav(id) {

     document.getElementById(id).src = 'favorito.png';

}

 

 

Simples né, vamos lá, no html estou chamando a função adicionaFav(this.id) quando o elemento for clicado (método onclick()), e, estou enviando como parametro o id da imagem, no caso, 'prod-1', a minha função irá encontrar um elemento com esse id enviado, (document.getElementById) e irá setar seu atributo 'src' para 'favorito.png', assim, a imagem será trocada.

 

Agora, para tal produto ser realmente adicionado como favorito você deverá trabalhar com uma linguagem server-side (php, asp, etc).

 

Abraços.

[Leandro Lucas 3]

Beleza, obrigado :)