Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 54
Sexo: Masculino

Adicionar e remover imagem de uma table

08-02-2014 12:01

Estou a criar alguns exemplos com jQuery porém estou com dúvidas em alguns pontos

Quero adicionar uma imagem em uma tabela, porém essa tabela possui 3 células

1 - nome
2 - presente
3 - faltou

Ou seja se clicar na célula presente quero que adc apenas uma imagem e se clicar na célula faltou da mesma pessoa que a imagem da célula presente desapareça, e vice-versa ..

meu código

$(document).ready(function(){         $('.editavel').click(function(){                                 if( $(this).lenght != 0 ){                         $(this).append("<img  src='imagens/p.png'/>");                         return;                 }         }) $('.editavel1').click(function(){                         $(this).append("<img  src='imagens/f.png'/>"); }) })

Porém não estou conseguindo realizar o que quero .. poderiam me ajudar ?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17253
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Adicionar e remover imagem de uma table

08-02-2014 12:57

Veja se esse esquema ajuda

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('.presente').click(function() { // adiciona o texto no segundo td após o presente $(this).next('td').next('td').html('PRESENTE'); });   $('.faltou').click(function() { // adiciona o texto no primeiro td após o faltou $(this).next('td').html('FALTOU'); });   }); </script>


<table> <tr> <td>Pedro</td> <td class="presente">presente</td> <td class="faltou">faltou</td> <td>..</td> </tr>   <tr> <td>Maria</td> <td class="presente">presente</td> <td class="faltou">faltou</td> <td>..</td> </tr> </table>

Basta só adicionar ou eliminar a imagem.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado