Bug Alteração de avatar

Detalhes da questão

Endereço do fórum: http://cheatsgo.forum-pro.net/
Versão do fórum: PunBB

Descrição

Olá,

Hoje conseguir encotrar um código que me permite alterar o avatar direto na postagem mas ele precisa ser corrigido pois quando altero o avatar ele altera os demais tambem até que atualize a pagina e o codigo permite que os usuarios possam alterar os demais tambem.

espero que me ajudem.

Saudações,
Poderá me passar o código que podemos continuar?
Até mais,

Olá,

Aqui está:

Código:

function fecharAvatarRapido() {
    $('#mudarAvatarRapido').remove()
}
$(function() {
    var capturaNomeAvatar = $('#nomeUsuario').text();
    $('body').find('.user').find('.username a:contains("' + capturaNomeAvatar + '")').parents('.username').after('<span id="editarAvatarRapido">Alterar</span>');
    $('body').find('.user').find('#editarAvatarRapido').hide();
    $('.user').hover(function() {
        $(this).find('#editarAvatarRapido').show()
    }
    , function() {
        $(this).find('#editarAvatarRapido').hide()
    }
    );
    $('body').find('.user').find('#editarAvatarRapido').bind('click', function() {
        $('#mudarAvatarRapido').remove();
        $(this).parents('.user').after('<div id="mudarAvatarRapido"><img src="http://semanaglobal.org.br/images/frontend/ajax-loader-2.gif" style="width:75px" /></div>');
        $.get('/profile?mode=editprofile', function(e1) {
            var enderecoEmail = $('.main .main-content.frm .frm-set.multi dl input[name="email"]', e1).val()
              , nomeUsuario = $('.main .main-content.frm .frm-set.multi dl input[name="username"]', e1).val()
              , idUsuario = $('.main .frm-buttons input[name="user_id"]', e1).val()
              , emailCorrente = $('.main .frm-buttons input[name="current_email"]', e1).val();
            $('#mudarAvatarRapido').html('<form id="mudarAvatarRapidoU" action="/profile" enctype="multipart/form-data" method="post" name="post"><input name="avatarremoteurl" style="margin-right: 10px;" id="enviaImg" class="inputbox" type="text" placeholder="URL da Imagem"><input type="button" value="Hospedar" id="popHospedar"><br><input class="buttonEnviarAvatar" name="submit" value="Salvar" type="submit"><input class="buttonEnviarAvatar2" value="Fechar" onclick="fecharAvatarRapido();" type="button"><input name="username" value="' + nomeUsuario + '" type="hidden"><input name="email" value="' + enderecoEmail + '" type="hidden"><input name="page_profil" value="avatars" type="hidden"><input name="mode" value="editprofile" type="hidden"><input name="agreed" value="true" type="hidden"><input name="coppa" value="" type="hidden"><input name="user_id" value="' + idUsuario + '" type="hidden"><input name="current_email" value="' + emailCorrente + '" type="hidden"></form>');
            $('#popHospedar').click(function() {
                window.open('http://tinypic.com/', '_blank')
            }
            );
            $('#mudarAvatarRapidoU').submit(function(a) {
                a.preventDefault();
                $('body').find('.user').find('.username a:contains("' + capturaNomeAvatar + '")').parents('.user').find('.user-basic-info img').attr('src', 'http://semanaglobal.org.br/images/frontend/ajax-loader-2.gif');
                $('#right .module .main-content.clearfix.details .left img').attr('src', 'http://semanaglobal.org.br/images/frontend/ajax-loader-2.gif');
                $('#mudarAvatarRapido').hide();
                var nomeUser = $('#mudarAvatarRapidoU').find("[name='username']").val();
                var userEmail = $('#mudarAvatarRapidoU').find("[name='email']").val();
                var usuarioId = $('#mudarAvatarRapidoU').find("[name='user_id']").val();
                var emailCorrente1 = $('#mudarAvatarRapidoU').find("[name='current_email']").val();
                avatar1 = $('#mudarAvatarRapidoU').find("[name='avatarremoteurl']").val();
                $.post("/profile", {
                    enctype: "multipart/form-data",
                    method: "post",
                    name: "post",
                    avatarremoteurl: avatar1,
                    username: nomeUser,
                    email: userEmail,
                    page_profil: "avatars",
                    mode: "editprofile",
                    agreed: "true",
                    coppa: "",
                    user_id: usuarioId,
                    current_email: emailCorrente1,
                    submit: "Salvar"
                }).done(function() {
                    var capturaNomeAvatar1 = $('#nomeUsuario').text();
                    $('body').find('.user').find('.username a:contains("' + capturaNomeAvatar + '")').parents('.user').find('.user-basic-info img').attr('src', avatar1);
                    $('#right .module .main-content.clearfix.details .left img').attr('src', avatar1).attr('style', 'width:150px;height:150px');
                    $('#mudarAvatarRapido').remove()
                }
                ).error(function() {
                    alert('Erro ao atualizar avatar! Tente novamente.')
                }
                )
            }
            )
        }
        )
    }
    );
    $('p.message:contains("O seu perfil foi atualizado")').parents('body').mouseenter(function() {
        window.history.go(-1)
    }
    )
}
);

Até...

Up @Hancki

Up @Fraise @Hancki me ajudem ?

Olá!

Refiz todo o código, esse tem coisas desnecessárias. Use o código abaixo que deve resultar bem.
Se tiver, por exemplo, 3 mensagens no mesmo tópico, mostradas ao mesmo tempo, ao clicar em "Alterar avatar", só na mensagem mais acima funcionará. Teste e vai perceber.

Código:

$(function() {
    if (_userdata["session_logged_in"] = 1) {
        var userID = _userdata["user_id"];
        var userName = _userdata["username"];
        var userIDLink = '.pun .post .user .username a[href="/u' + userID + '"]';
        var userIDHover = '.pun .post .user:has(a[href="/u' + userID + '"])';

        $(userIDLink).each(function() {
            $(this).after('<span id="alterarAvatar" style="font-size:8px;display:none;">(alterar avatar)</span>');
        });
        $(userIDHover).each(function() {
            $(this).mouseover(function() {
                $(this).find('#alterarAvatar').show();
            }).mouseout(function() {
                $(this).find('#alterarAvatar').hide();
            });
        });

        $('#alterarAvatar').click(function() {
            var userID1 = _userdata["user_id"];
            var userName1 = _userdata["username"];

            var avatarLink = prompt("Insira o endereço do novo avatar", "");

            if (avatarLink != null) {
                $.post("/profile", {
                    enctype: "multipart/form-data",
                    method: "post",
                    name: "post",
                    avatarremoteurl: avatarLink,
                    username: userName1,
                    page_profil: "avatars",
                    mode: "editprofile",
                    agreed: "true",
                    coppa: "",
                    user_id: userID1,
                    submit: "Salvar"
                }).done(function() {
                    console.log('Avatar mudado com sucesso!');
                    var userIDChange = _userdata["user_id"];
                    var userIDHover1 = '.pun .post .user:has(a[href="/u' + userIDChange + '"])';
                    $(userIDHover1).find('img:first').each(function() {
                        $(this).attr('src', avatarLink);
                    });
                }).error(function() {
                    alert('Erro ao atualizar avatar! Tente novamente.');
                })
            }
        });
    }
});

Hancki

Olá @Hancki

gostaria que assim que atualiza - se a imagem atualizasse a pagina é possivel ?

Até...

Então use este:

Código:

$(function() {
    if (_userdata["session_logged_in"] = 1) {
        var userID = _userdata["user_id"];
        var userName = _userdata["username"];
        var userIDLink = '.pun .post .user .username a[href="/u' + userID + '"]';
        var userIDHover = '.pun .post .user:has(a[href="/u' + userID + '"])';

        $(userIDLink).each(function() {
            $(this).after('<span id="alterarAvatar" style="font-size:8px;display:none;">(alterar avatar)</span>');
        });
        $(userIDHover).each(function() {
            $(this).mouseover(function() {
                $(this).find('#alterarAvatar').show();
            }).mouseout(function() {
                $(this).find('#alterarAvatar').hide();
            });
        });
        $('#alterarAvatar').each(function() {
            $(this).click(function() {
                var userID1 = _userdata["user_id"];
                var userName1 = _userdata["username"];

                var avatarLink = prompt("Insira o endereço do novo avatar", "");

                if (avatarLink != null) {
                    $.post("/profile", {
                        enctype: "multipart/form-data",
                        method: "post",
                        name: "post",
                        avatarremoteurl: avatarLink,
                        username: userName1,
                        page_profil: "avatars",
                        mode: "editprofile",
                        agreed: "true",
                        coppa: "",
                        user_id: userID1,
                        submit: "Salvar"
                    }).done(function() {
                        console.log('Avatar mudado com sucesso!');
                        var userIDChange = _userdata["user_id"];
                        var userIDHover1 = '.pun .post .user:has(a[href="/u' + userIDChange + '"])';
                        $(userIDHover1).find('img:first').each(function() {
                            $(this).attr('src', avatarLink);
                        });
                        location.reload();
                    }).error(function() {
                        alert('Erro ao atualizar avatar! Tente novamente.');
                    })
                }
            });
        });
    }
});

Hancki

Olá @Hancki

deu certinho, poderia excluir este tópico ?

até...