Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Lun Oct 15, 2018 8:24 am

[Revisado] Errores Yoshi Fans club
por YoshiGM Sáb Oct 13, 2018 12:36 pm

[CSS] Dar estilo a los rangos
por Eslam Love Miér Oct 03, 2018 11:15 pm

[Resuelto] Sistema de likes dejó de ser ajax
Tema iniciado por y Añadir a favoritos

[Resuelto] Sistema de likes dejó de ser ajax 
el Sáb Feb 11, 2017 9:05 am
[problema]URL:: http://musicinstant.forumotion.com
Versión de mi foro:: Punbb
Navegador:: Chrome
Descripcion del problema: Bueno, el sistema de likes funcionaba perfectamente en ajax, tu dabas tu calificacion y este hacia el trabajo alli mismo, sin cargar paginas, ni nada por el estilo, lo mas probable que haya sucedido es que un código haya interferido con este y da error, pero es raro, esto ocurrió hace tiempo y no me había fijado..
Capturas de pantalla del problema:
[/problema]

[code]
$(function() {
// General Configuration of the plugin
var config = {
position_left : true, // true for left || false for right
negative_vote : true, // true for negative votes || false for positive only
vote_bar : true, // display a small bar under the vote buttons

// button config
icon_plus : '<img src="https://i.servimg.com/u/f18/18/21/41/30/plus10.png" alt=" "/>',
icon_minus : '<img src="https://i.servimg.com/u/f18/18/21/41/30/minus10.png" alt="-"/>',

// language config
title_plus : 'Me gusta el post de %Invitado',
title_minus : 'No me gusta el post de %Invitado',

title_like_singular : '%{VOTES} persona le gusta el post de %Invitado',
title_like_plural : '%{VOTES} personas les gusta el post de %Invitado',

title_dislike_singular : '%{VOTES} persona no le gusta el post de %Invitado',
title_dislike_plural : '%{VOTES} personas no les gusta el post de %Invitado',

title_vote_bar : '%{VOTES} les gusta el post de %Invitado %{PERCENT}'
},


// function bound to the onclick handler of the vote buttons
submit_vote = function() {
var next = this.nextSibling, // the counter next to the vote button that was clicked
box = this.parentNode,
bar = box.getElementsByTagName('DIV'),
vote = box.getElementsByTagName('A'),
mode = /eval=plus/.test(this.href) ? 1 : 0,
i = 0, j = vote.length, pos, neg, percent;

// submit the vote asynchronously
$.get(this.href, function() {
next.innerHTML = next.innerHTML 1; // add to the vote count
next.title = next.title.replace(/(\d )/, function(M, $1) { return $1 1 });

pos = vote[0].nextSibling.innerHTML;
neg = vote[1] ? vote[1].nextSibling.innerHTML : 0;
percent = pos == 0 ? '0%' : pos == neg ? '50%' : Math.round(pos / (pos neg) * 100) '%';

if (bar[0]) {
bar[0].style.display = '';
bar[0].firstChild.style.width = percent;
box.title = box.title.replace(/\d \/\d /, pos '/' ( pos neg )).replace(/\(\d %\)/, '(' percent ')');
}
});

// revoke voting capabilities on the post once the vote is cast
for (; i < j; i ) {
vote[i].href = '#';
vote[i].className = vote[i].className.replace(/fa_vote/, 'fa_voted');
vote[i].onclick = function() { return false };
}

return false;
},

vote = $('.vote'), i = 0, j = vote.length,
version = $('.bodylinewidth')[0] ? 0 : document.getElementById('wrap') ? 1 : $('.pun')[0] ? 2 : document.getElementById('ipbwrapper') ? 3 : 'badapple', // version check

// version data so we don't have to redefine these arrays during the loop
vdata = {
tag : ['SPAN', 'LI', 'SPAN', 'LI'][version],
name : ['.name', '.postprofile dt > strong', '.username', '.popmenubutton'][version],
actions : ['.post-options', '.profile-icons', '.post-options', '.posting-icons'][version],
},

post, plus, minus, n_pos, n_neg, title_pos, title_neg, li, ul, bar, button, total, percent, span, pseudo, vote_bar; // startup variables for later use in the loop

// prevent execution if the version cannot be determined
if (version == 'badapple') {
if (window.console) console.warn('This plugin is not optimized for your forum version. Please contact the support for further assistance.');
return;
}

for (; i < j; i ) {
post = $(vote[i]).parentsUntil('.post').parent()[0];
bar = $('.vote-bar', vote[i])[0]; // vote bar
button = $('.vote-button', vote[i]); // plus and minus buttons
pseudo = $(vdata.name, post).text() || 'MISSING_STRING'; // username of the poster
ul = $(vdata.actions, post)[0]; // post actions
li = document.createElement(vdata.tag); // vote system container
li.className = 'fa_reputation';

if (li.tagName == 'SPAN') li.style.display = 'flex';

// calculate votes
if (bar) {
total = bar.title.replace(/.*?\((\d ).*/, '$1');
percent = bar.title.replace(/.*?(\d )%.*/, '$1');

n_pos = Math.round(total * (percent / 100));
n_neg = total - n_pos;
} else {
n_pos = 0;
n_neg = 0;
}

// set up negative and positive titles with the correct grammar, votes, and usernames
title_pos = (n_pos == 1 ? config.title_like_singular : config.title_like_plural).replace(/%\{USERNAME\}/g, pseudo).replace(/%\{VOTES\}/g, n_pos);
title_neg = (n_neg == 1 ? config.title_dislike_singular : config.title_dislike_plural).replace(/%\{USERNAME\}/g, pseudo).replace(/%\{VOTES\}/g, n_neg);

// define the vote counts
li.innerHTML = '<span class="fa_count fa_positive" title="' title_pos '">' n_pos '</span>' (config.negative_vote ? 'Temas resueltos[/b][/ok]
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

597


Me gusta :

63


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.forumotion.com/

Volver arriba Ir abajo

staff
ese code no es mio, y debe de ser por algun div distinto no se, yo tengo otras opciones para los likes
Chalo
avatar

¿Que estoy pensando? :

ayudando como debe ser [table class=fecha_up][td]Se modifico:2/010/18 - 20:40 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6839


Puntos :

8934


Me gusta :

1030


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Ah, bueno, a mi siempre me ha interesado un sistema de likes que esté asociado con la navbar pues, y las notificaciones, la verdad no se si eso sea algo complicado de hacer, por lo tanto, si es así no habría problema probar tus opciones, así sea sin ajax, me importa mas algo funcional y no algo que me de mas problemas con mi foro..
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

597


Me gusta :

63


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.forumotion.com/

Volver arriba Ir abajo

staff
ya te puse mi code, es un code sencillo, que es ajax, no se a que te refieras con asociado a la navbar? no hay likes con notificaciones en foroactivo ni forma de hacerlo, lo unico es con mp, mis opciones estan en la sección beta, pero tu foro es una patada en la ingle, perdon, pero lo odio

este es mi code, ya lo instale no debes hacer nada más

Código:
var ops = {
    //***** Written by Chalo ------ Open Source 2014-2017 *****//
    //----------- http://www.opensourcephpbb3.com ------------//
    //----------- only for phpBB3 ----------------------------//
    style: 'background:#f07b7b;height:20px;width:20px;color:#fff;font-size:15px;text-align:center;line-height:1.3;border-radius:3px;float: right;list-style-type: none;margin-left: 5px;margin-right: 5px;',
    image: 'http://i97.servimg.com/u/f97/19/54/65/02/th/68691610.png',
    like: function (c) {
        var d, s = ops.style,
            a = c.parentNode.parentNode.parentNode.parentNode,
            b = a.getElementsByClassName('vote-count');
        $.get(c.href).success(function () {
            b.length ? b[0].innerHTML = parseInt(b[0].innerHTML) + parseInt(1) : (d = document.createElement('li'), d.innerHTML = '1', d.setAttribute('style', s), d.title = 'likes in this post', d.className = 'vote-count', c.parentNode.parentNode.appendChild(d));
            c.style.opacity = '.3';
        });
    },
    my_like_system: function () {
        var i, a, b, c, d, e, f, g, l = ops.image,
            s = ops.style,
            h = document.getElementsByClassName('vote');
        for (i = 0; i < h.length; i++) {
            f = h[i];
            a = f.getElementsByClassName('vote-button').length && f.getElementsByClassName('vote-button')[0].firstChild;
            ops.number = f.getElementsByClassName('vote-bar').length && f.getElementsByClassName('vote-bar')[0].getAttribute('original-title').match(/(\d+)/g)[1];
            a && (a.classList.add('votar'), a.innerHTML = '<img src="' + l + '" alt="Like this post" title="Like this post" />', a.setAttribute('onclick', 'ops.like(this);return false'));
            e = document.createElement('li');
            e.className = 'like_button';
            a && e.appendChild(a);
            b = f.parentNode.parentNode.parentNode.parentNode.parentNode;
            c = b.getElementsByClassName('post-options')[0];
            d = document.createElement('ul');
            d.className = 'like_content';
            if (b.getElementsByClassName('like_button').length) {
                b.getElementsByClassName('vote-count')[0].insertAdjacentHTML('beforebegin', '<li class="like_button" style="opacity: .3;"><img src="' + l + '" alt="Like this post" title="Like this post" /></li>');
            } else {
                d.appendChild(e);
                c.appendChild(d);
            }
            if (f.getElementsByClassName('vote-bar').length) {
                d.innerHTML = '<li class="like_button voted" style="opacity: .3;"><img src="' + l + '" alt="Like this post" title="Like this post" /></li><li class="vote-count" style="' + s + '" title="likes">' + ops.number + '</li>';
                c.appendChild(d)
            }
            f.style.display = 'none';
        }
    }
};
$(function () {
    /\/t\d+/g.test(window.location.pathname) && ops.my_like_system()
});
Chalo
avatar

¿Que estoy pensando? :

ayudando como debe ser [table class=fecha_up][td]Se modifico:2/010/18 - 20:40 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6839


Puntos :

8934


Me gusta :

1030


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Mi foro es una patada en los huevos jajaja!

Oye,en serio, quiero solucionar los problemas de mi foro, si hubiese sabido que los templates estaban todos modificados te juro que no lo hubiese instalado con ese tema.
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

597


Me gusta :

63


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.forumotion.com/

Volver arriba Ir abajo

staff
pues no es tan sencillo el principal lío es que le quitaron mucho de lo que le hacia punbb entonces pues es pero no es punbb ¿quedaste satisfecho con los likes?
Chalo
avatar

¿Que estoy pensando? :

ayudando como debe ser [table class=fecha_up][td]Se modifico:2/010/18 - 20:40 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6839


Puntos :

8934


Me gusta :

1030


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.