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.
