Esse atributo abaixo está funcionando com href, e me direcionando para a página desejada.
<a href="prod_detalhe_5.php?codigo=<?php echo $res['codigo']; ?>">
<img src="img_produtos/<?php echo $res['img01']; ?>" />
</a>
Gostaria de usar uma REQUISIÇÃO para abrir o item selecionado em uma DIV com a Class de nome visual para que não haja refresh na página.
Tentei criar o atributo com o script abaixo mas sem sucesso, pois quando clico no link não acontece nada, ele não me direciona para a página prod_detalhe_5.php com os dados do produto e não me informa nenhum tipo de erro, fica totalmente estático.
<a class="detalhe" style="cursor:pointer;" id="<?php echo $res['codigo']; ?>">
<img style="width:100%; max-width:100px;" src="img_produtos/<?php echo $res['img01']; ?>" />
</a>
<script language="javascript">
$(document).ready(function(){
$('.detalhe').click(function(){
var cod = $(this).attr('id');
$.ajax({
url:'prod_detalhe_5.php?codigo='+cod,success:function(data){
$('#visual').html(data);
}
});
});
});
</script>
Com os dados do atributo funcionando com o href, os amigos podem me mostrar onde estou errando no script, ou mesmo me dar uma dica de como devo proceder para fazer com que eu consiga abrir a prod_detalhe_5.php com os dados dos produtos usando uma REQUISIÇÃO AJAX para evitar o refresh da página.
Agradeço desde já a atenção de todos ao meu problema.