Tenho uma página que tem um quadro branco, onde aparecem várias fotos. Fiz pra parecer tipo o windows explorer. Aí nas fotos, existe um botão de excluir.
Até aí tudo bem. Eu queria que quando o cara clicasse no botão de excluir, a foto simplesmente fosse apagada, mas sem dar refresh na página.
Consegui fazer ela "desaparecer", usando javascript:
function excluiFoto(nome_foto,pasta) { nameDiv = document.getElementById('quadro_foto_' + nome_foto); if(nameDiv.style.display == 'block') { nameDiv.style.display='none'; }else{ nameDiv.style.display='block'; } }
Mas aí, obviamente, quando atualizo a página ele volta, pq só escondo a div da foto. Pela lógica, era só eu inserir uma função em php que excluisse a foto, tipo assim:
function excluiFoto(nome_foto,pasta) { nameDiv = document.getElementById('quadro_foto_' + nome_foto); if(nameDiv.style.display == 'block') { nameDiv.style.display='none'; <?php //exclui a foto $url = "imagens/fotos/"; $foto = "nome_foto"; unlink($url.$foto); ?> }else{ nameDiv.style.display='block'; } }
Aí é que está o problema, onde tem $foto = "nome_foto"; não consigo passar de jeito nenhum a variável do javascript pro php. Já tentei só chamando a função aí, e a função em php em outro lugar, mas não deu certo tb. Tentei usando innerHtml, document.write, e de nenhum jeito funcionou. Alguém faz idéia de como eu posso conseguir fazer isso???
Pode ser de outra forma também, não precisa ser necessariamente assim. Desde que quando o cara clique no X, a foto suma e seja excluida sem refresh... rs
Obrigado pela atenção pessoal.