Atualizando banco de dados

[xSmoking 6]

Estou tentando fazer uma atualização no banco de dados usando ajax... Mas como não sei quase nada sobre javascript, jquery, etc., está complicado kk

 

HTML:

<div id="group-favorite">
    <img onclick="setFavorite(<?php echo $group_id; ?>)" src="./web-gallery/images/icon/favorite_desactive.png" id="group-badge" alt="Favorito" title="Marcar como favorito" />
</div>

 

Javascript:

function setFavorite(id){
    $.ajax({
        url:"./ajax/groups_set_favorite.php?id="+id,
        type:'GET',
        success:function(setfavorite){
            $("group-favorite").html(setfavorite);
        }
    });
}

Aqui é preciso por: $("#group-badge").on("change", function(){ }); ?

 

PHP:

require_once("../data-classes/data-classes-core.php");

$group_id = FilterText($_GET['id']);

mysql_query("UPDATE user_stats SET groupid='". $group_id ."' WHERE id='". $my_id ."'") or die(mysql_error());

echo'<img src="./web-gallery/images/icon/favorite_active.png" alt="Favorito" title="Este grupo é seu favorito" />';

 

Quando clica na imagem para chamar a função, o console mostra este erro:

Uncaught ReferenceError: setFavorite is not defined

[xanburzum 169]

o que realmente desejar fazer ?

[xSmoking 6]

o que realmente desejar fazer ?

 

Quando o usuário clicar na imagem, ela chama a função do js que vai para o php, com isso, atualiza a informação no banco de dados e retorna uma outra imagem (diferente da inicial)

[William Bruno 1501]

é "mais divertido", vc deixar o código assim:

HTML:

<div id="group-favorite">
    <img data-group="<?php echo $group_id; ?>" src="./web-gallery/images/icon/favorite_desactive.png" id="group-badge" alt="Favorito" title="Marcar como favorito" />
</div>

Javascript:

jQuery("#group-badge").on("click", function(){
    var $this = jQuery(this);
    $.ajax({
        url:"./ajax/groups_set_favorite.php?id="+ $this.data("group"),
        type:'GET',
        success:function(setfavorite){
            $("#group-favorite").html(setfavorite);
        }
    });
});

 

 

sem usar javascript inline.

[xSmoking 6]

Bom, o código funcionou, porém não está alterando a imagem.

 

Funcionou!

 

no PHP deixei o

echo '<img src="./web-gallery/images/icon/favorite_active.png" alt="Favorito" title="Este grupo é seu favorito" />';

e no Javascript

$("#group-favorite").html(setfavorite);

 

Obrigado ^^

[William Bruno 1501]

debuga:

        success:function(setfavorite){
            alert(setfavorite);
            $("#group-favorite").html(setfavorite);
        }

leia:

http://wbruno.com.br/ajax/como-debugar-ajax-firebug/

http://wbruno.com.br/javascript-puro/como-debugar-javascript-firefox-erros-comuns/